- This topic has 25 replies, 2 voices, and was last updated 3 years, 6 months ago by Elvin.
-
AuthorPosts
-
September 24, 2020 at 1:53 pm #1457620ElvinStaffCustomer Support
sorry about that, i just set the mobile menu breakpoint to 6000
Nice, you’ll also want to remove the Menu label so only the hamburger icon is displayed.
https://share.getcloudapp.com/Wnur25ybIf you’ll check the menu items, you’ll see that they’re sticking to each other.
That’s my bad, I forgot to add the spacing so they don’t stick too close.
Here’s what you can do:
.main-navigation .main-nav ul > li > a {
width: max-content !important;
writing-mode: vertical-rl;
transform: rotate(-180deg);
padding-left: 0px;
padding-right: 0px;
padding-top: 15px;
padding-bottom: 15px;
}We’re basically just adding
padding-top: 15px;
andpadding-bottom: 15px;
for spacing on the previous CSS code we used.September 24, 2020 at 2:22 pm #1457645angelaroseGreat, thank that fixed the spacing!
September 24, 2020 at 6:18 pm #1457777ElvinStaffCustomer SupportNo problem. Let us know if you have further questions.
Feel free to open new topics if you have any other concerns.:)
September 24, 2020 at 8:00 pm #1457832angelaroseThank you! If I wanted to move that hamburger box to the right, left, or further down on the page, hwo would i go about doing that?
September 24, 2020 at 8:10 pm #1457840ElvinStaffCustomer SupportThank you! If I wanted to move that hamburger box to the right, left,
You should be able to move your navigation’s alignment through Appearance > Customize > Layout > Primary Navigation.
On this option, you should be able to see a Navigation Alignment dropdown. Set it to left or right.
But. There’s a recently discovered bug that may prevent you from seeing the Navigation Alignment dropdown.
Here’s a temporary workaround for it while we fix things.
https://generatepress.com/forums/topic/primary-menu-center-alignment/#post-1457754…or further down on the page, hwo would i go about doing that?
It depends. You can either do a custom CSS or place it on a different hook.
We can only determine what’s the best way to go once we see actually know where its going to be placed.:)
September 24, 2020 at 8:26 pm #1457858angelaroseAh great thank you! so I was able to move it by adding margin-top and margin-right to button.menu-toggle . But when you click on the hamburger, all the other content on the webpage moves down. How do you get it so that doesn’t happen? I’d like it so the page content doesn’t shft up or down when the menu is clicked on. Thank you!:)
September 24, 2020 at 8:53 pm #1457871ElvinStaffCustomer SupportI’d like it so the page content doesn’t shft up or down when the menu is clicked on. Thank you!:)
You can definitely do that too with CSS. 🙂
#mobile-header { position: relative; overflow: visible; } #mobile-header > ul { position: absolute; }
Let us know if it fits what you’re trying to do.
September 24, 2020 at 9:03 pm #1457881angelarosethank you! so this is the page before hitting the toggle menu: https://ibb.co/k2PRFVp and this is the page after hitting the hamburger icon: https://ibb.co/FVrTFBK
September 24, 2020 at 9:14 pm #1457886ElvinStaffCustomer SupportOh my bad. It’s suppose to be this one.
.main-nav { position: relative; overflow: visible; } .main-nav > ul { position: absolute; }
September 24, 2020 at 9:21 pm #1457889angelaroseGreat, thank you! it worked perfectly!
September 25, 2020 at 7:22 am #1458470ElvinStaffCustomer SupportNice one. glad to be of any help. 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.