- This topic has 18 replies, 5 voices, and was last updated 1 year, 10 months ago by David.
-
AuthorPosts
-
January 2, 2021 at 7:45 am #1602743diedrich
hello, how do I make my hamburger menu bigger on the mobile view?
greeting Diedrich
January 2, 2021 at 8:20 am #1602772DavidStaffCustomer SupportHi there,
can you share a link to your site so i can see what setup you have
January 2, 2021 at 8:23 am #1602777diedrichhi David
January 2, 2021 at 8:30 am #1602785DavidStaffCustomer SupportGo to Customizer > Typography > Primary Navigation – click the mobile view then increase the Font size and i would recommend increasing the line-height. This will increase not just you icon but the text of all your mobile menu links – which you should do as currently your mobile menu links are too small and Google will dislike you for that.
January 2, 2021 at 8:34 am #1602789diedrichthank you David and how big should I make it so google will like me ?😄
January 2, 2021 at 10:46 am #1602927LeoStaffCustomer SupportWe don’t have an exact answer for that unfortunately.
For this site, we are using 16px for font size and 60px for line height.
January 4, 2021 at 10:59 am #1605386diedrichThank You David and Leo
where can I find this “60px for line height.”
and if you go to menu > bootlegs audio > David Bowie Tour Recordings : the last 4 submenus are not showing on iPhone mobile: how can I fix this?
January 4, 2021 at 3:28 pm #1605628DavidStaffCustomer SupportHi there,
the minimum height your want is 45px, i recommend you keep this at least 54px.
The line-height is the Menu Item Height in Customizer > Layout > Primary Navigation.For the menu issue not being able to reach the last two menu items… you have two options:
1. Activate the Off Canvas Panel for Mobile as this is much better for really long menus:
https://docs.generatepress.com/article/off-canvas-panel-overview/
OR
2. Add this CSS:
@media(max-width: 768px) { .main-navigation.toggled .main-nav > ul { max-height: calc(100vh - 60px); overflow: auto; padding-bottom: 60px; } }
January 5, 2021 at 10:40 am #1606970diedrichOff Canvas Panel for Mobile works perfect ,
sorry 2 problem ,
I have now in the menu also the hamburger menu (2 menu’s)
and how do I get the hamburger menu centered on mobilecan we fix that?
thanks David and Leo
January 6, 2021 at 2:17 am #1607644DavidStaffCustomer SupportYeah thats a bug – that will be fixed in the next update. Until then, add this CSS:
@media (max-width: 1125px) { .main-navigation .menu-bar-items { display: none; } }
January 6, 2021 at 4:57 am #1607810diedrichThank you David
centering the hamburger menu is also a bug?January 6, 2021 at 6:20 am #1607886DavidStaffCustomer SupportNo – it simply matches the alignment from the Primary Nav.
You can use this CSS to center ir@media(max-width: 1125px) { .main-navigation .inside-navigation { justify-content: center; } }
January 7, 2021 at 4:04 am #1609183diedrichhi David
1 of 2 codes I had to use is not correct, I still have 2 menus in my menu barthe other code is correct , can you help me ?
I have delete my cache/plugin inactive
===============================================================
Yeah thats a bug – that will be fixed in the next update. Until then, add this CSS:@media (max-width: 1125px) {
.main-navigation .menu-bar-items {
display: none;
}
}January 7, 2021 at 6:54 am #1609625DavidStaffCustomer SupportChange this:
@media (max-width: 1125px) { .main-navigation .menu-bar-items { display: none; } }
to:
.main-navigation .menu-bar-items { display: none; }
January 7, 2021 at 7:13 am #1609644diedrichhi David
it’s works finethank you very much and have a nice day
-
AuthorPosts
- You must be logged in to reply to this topic.