Archived topic
Sometimes the mobile menu is not align - LH Consulting Boost Theme
7 replies · Started by Caspar on October 12, 2019
Hey Generatepress,
I'm using the theme LH Consulting Boost and the mobile menu is acting strange. When you arrive at the site the mobile menu is aligned, but if you go into an article or category the menu is not aligned anymore. Here are two images desiring the issue:
The best solution for me would be able to have the mobile hamburger ikon menu button just under the logo that is centered (As the image describe: https://imgur.com/a/S05xxPQ ). Is this an easy solution to fix the problem with the menu and do you know how to do this? :)
Best regards
Hi there,
Try this CSS:
@media (max-width: 768px) {
.main-navigation:not(.slideout-navigation) .inside-navigation {
flex-direction: column;
}
}
@media (max-width: 1110px) {
#site-navigation .navigation-branding {
margin-left: auto;
}
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know :)
Hi Leo,
Thank you for a quick respons. It worked for the hamburger icon, thank you!
Is it possible to center Logo + Webpage header aswell?
Looks like it's working? This is what I'm seeing:
https://www.screencast.com/t/ZIb7NHNPIgmG
Same thing when I checked on mobile too.
Let me know :)
Ah, it is so weird. If you update the page or go into an article, for example, the menu is changing to the image I send above.
So when you enter the homepage for the first time it looks correct, but if you update it immediately stops working and the logo is to the far left and site text to the far right
Very strange
I checked basically every page and all of them are working correctly to me.
Can you try disabling Autopimize and any caching plugin or server cache to eliminate any conflicts?
Let me know :)
Thank you, it was the lazy load in Autoptimizer that made the struggle!
No problem :)
