-
My website primary navigation change layout is in tablet mode, I want to fix it, please tell me a good solution for this, or give me the code to make my primary navigation menu only tablet mode main scrollable x side.
-
Hi there,
Try setting a Navigation Drop Point at customizer > Layout > Primary Navigation, it will move the navigation down to the screen width you set, and center the logo.
-
But when I move the position center, the position of my logo, menu and search bar changes automatically, I don’t want to change the position, I want my primary navigation (pages menu) scrollable x in laptop mode.
-
Hi there,
Could you provide the site link so I can check the layout?
-
Yes, why not? I am giving you my website link in private information tab.
-
Try this css:
@media(max-width: 1024px) and (min-width:769px){ .inside-navigation.grid-container { flex-wrap: nowrap; } .main-navigation .main-nav>ul { flex-wrap: nowrap; overflow-x: scroll; min-width: fit-content; } div#primary-menu { flex-shrink: 1; } .main-navigation li { flex-shrink: 0; } }Adding CSS: https://docs.generatepress.com/article/adding-css/
- You must be logged in to reply to this topic.