Hello, i would like to put more items in my main menu. In my case, more than 7 items make it have 2 rows, but I don’t want that. Can I have a CSS code, or something to solve it ?
Hello,
Please follow this topic for a quick solution. You will have to change the padding in the code to fit your menu though: https://forum.tagdiv.com/topic/menu-item-drops-out-of-the-mainmenu/
Thank you!
Hello once more!
Thanks for the help, but my problem haven’t been fully solved yet. Using the following code:
.sf-menu a.sf-with-ul{
padding-right: 27px!important;
}
I could add one more item to my menu. But if try to make it with 9 items, it still come up with 2 rows. And I need 10 items in my menu. I already tried to reduce the padding size in the previous code, but it maked the items way too close and didn’t help.
So, I’ll be waiting for another solution!!
Sorry but there is no other solution .You cannot have infinite space on one column. The container is fixed. If you add more and more text to a single line, it will fall on 2 lines. There is no way to increase the container. Sorry but you will have to either reduce the menu items names or simply use less menu items. Try a different header style that does not have the logo inside the main menu if you need more space.
Thank you!
