- This topic has 3 replies, 2 voices, and was last updated 3 years, 9 months ago by
.
Viewing 4 posts - 1 through 4 (of 4 total)
-
Posts
-
I would like to be able to make the menu justified, that covers the whole width of my container and it will be reduced until it shows the mobile menu.
At the moment I have added spacing between the elements but this causes the menu to display in two lines when the window is minimized a little, as shown in the link below.Can you help me ?
thanks!Customer Support
Hi there,
try adding this CSS:
@media(min-width: 768px) { .main-navigation .main-nav { flex: 1; } #site-navigation.nav-align-center .main-nav>ul { justify-content: space-between; } }Then in Customizer > Layout > Primary Navigation try reducing the Menu Item Width on Desktop. The value in there is the left and right padding on the menu items. Reducing that should stop them from breaking to new lines.
perfect! it was exactly what i was looking for. thanks!
Glad to be of help!
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
