Archived topic
Menu on mobile is wrapping to two lines
3 replies · Started by madmanweb on June 23, 2019
I've found that when I enabled the site search in the nav menu, the menu on mobile phones is spilling to two lines. My site has a slightly long name but I can't change that.
Strangely, it looks normal when viewed through Chome's developer console and switching to a mobile device view. But when viewed on an actual Android phone, the menu is taking up two lines.
Please see the posted URL as an example.
Any idea why?
Hi there,
I think there is simply not enough room when the screen is too small.
Can you try this CSS?
.mobile-header-navigation .navigation-branding .main-title {
margin-left: 0px;
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know :)
It didn't do anything at first, but worked when I added !important to it.
Awesome :)