When the window of my browser dims the menu breaks the line. I would like the icons to remain on one line only!
Help me!
Hello there,
I hope you are doing well today.
You can use the following CSS code to change the menu size on smaller screens by going to Appearance > Customize > Additional CSS and pasting it there.
/*Menus item size*/
@media only screen and (max-width: 800px) {
#header .top-header .header-navigation ul li a {
font-size: 11px;
}
}
Best Regards,
Support
This did not work for me.
I like this site as the menu goes to the left!
Hello there,
The theme has a mobile menu icon but you are viewing the site at a specific screen size so the menu will appear that way.
Please try this instead:
/*Menus item size*/
@media only screen and (max-width: 900px) {
#header .top-header .header-navigation ul li a {
font-size: 11px;
}
}
If this does not work, let me know what is the specific screen size you are using.
Best Regards,
Support