This is simply because there are too many menu links added for the space that is available. The only thing you can do is set the header width to full width for desktop by adding the following CSS to Appearance -> Customuze -> Additional CSS:
/* make header full width on desktop */
@media (min-width: 992px) {
.header .container {
width: auto;
}
}
Hi Barry,
I made some changes to my menu and now it looks like that:
As you can see in the orange rectangle, the menu doesn't fit in 1 line anymore when I check the page on my laptop.
Is there a way to make this new menu fit in 1 line on my laptop, ideally without altering the way it looks on my smartphone?
Thanks for your help,
Regards
Hi Simo,
This is simply because there are too many menu links added for the space that is available. The only thing you can do is set the header width to full width for desktop by adding the following CSS to Appearance -> Customuze -> Additional CSS:
Best regards,
Barry
QreativeThemes.com | WordPress Themes
Thanks Barry,
This is how it looks now which is much better :)
Hi Simo,
1. Unfortunately this is not possible as that requires heavy code customization of the template files.
2. That will be possible by adding this custom CSS:
Best regards,
Barry
QreativeThemes.com | WordPress Themes
Thanks for the help Barry,
Please close this ticket.
Regards, Simo