- This topic has 10 replies, 4 voices, and was last updated 3 years, 2 months ago by David.
-
AuthorPosts
-
June 11, 2020 at 9:56 pm #1324510George
I am trying to disable the secondary menu on mobile and keep the desktop version. I followed this article here:
https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/The secondary menu keeps collapsing to mobile, though. Is that article still current?
June 11, 2020 at 10:01 pm #1324514GeorgeOh scrap that, I didn’t activate the snippet! Works great!
June 12, 2020 at 4:03 am #1324823DavidStaffCustomer SupportGlad to hear that 🙂
February 5, 2021 at 6:38 am #1646856LarsI am having the same problem and as far as I can tell I have done according to the documentation and I have remembered to activate the snippet. No result at all. The menu still breaks at my given “@media (max-with: 500px)”.
Website: https://bromslantgard.se
February 5, 2021 at 7:21 am #1647100DavidStaffCustomer SupportHi there,
that documentation is for disabling the Mobile Menu on the Secondary Navigation – i am not seeing a secondary nav on your site ?
If you want the Primary Nav to never break to Mobile, then you can simply set its Mobile Menu Breakpoint to
0
February 5, 2021 at 9:34 am #1647283LarsI must have misunderstood what the secondary nav is, but you understood me, I was thinking about not having the primary nav break. I have tried what you say about making the breakpoint 0, but then the menu item padding for mobile device doesn’t work anymore and I don’t seem to be able to override it with css and !important.
February 5, 2021 at 12:25 pm #1647421YingStaffCustomer SupportHi Lars,
Your primary navigation still breaks to mobile, I can’t see the issue you mentioned.
Could you set the mobile break point to 0 first, then we can have a look to see if there’s a CSS solution to rewrite the paddings.Thanks!
February 5, 2021 at 11:53 pm #1647739LarsYing
I am sorry to be such a lazy person to not try my best to solve this on my on behalf before reaching out for your help. I think I have solved it. But I have a question that still lingers in me. The flex-box which is the menu, I want it not to break, but if overflow happens: to allow that. Is it “nowrap” which is the solution to go with here or is there a better solution?
Oh, and I also want them to stretch when in mobile view so that they regardless of how wide they are (as long as they are not wider than the viewport), they will fill the width of the mobile viewport.
Thanks for your patience with people like myself! And always, thank you for your great product and service. You are the best as far as I can tell.
February 6, 2021 at 5:27 am #1647937DavidStaffCustomer SupportYou can try this CSS to remove the Wrap from the menu and reduce the menu item font size on smaller screens:
@media (max-width: 585px) { .main-navigation .main-nav>ul { flex-wrap: nowrap; } #site-navigation .inside-navigation { padding: 0px; } .main-navigation a { font-size: 12px; } }
February 6, 2021 at 7:14 am #1648251LarsThat certainly did the trick, thank you.
February 6, 2021 at 8:28 am #1648318DavidStaffCustomer SupportYou’re welcome
-
AuthorPosts
- You must be logged in to reply to this topic.