Hi
I give a try to this great new burger menu, but my site have a lot of items, the results is… see the screenshot below
PS: I can’t give you a live URL to see it because I always test new stuff localy before going live ;)
Hey pako69,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #wrap_all #av-burger-menu-ul li a {
font-size: 20px;
}
If that does not help, we are going to need to see your live site :)
Best regards,
Yigit
Hello Yigit
The CSS you gave is just a workaround to reduce the font-size, it does make the burger menu works better if we have a lot menu item, see my menu with reduced font-size below, as you can see, there is still menu items “outside” the black overlay….
This new feature is a great new feature, but I’ll will use it when it will become usable for all type of menu, regardless the numbers on items mennu.
Instead I’ll keep using ShiftNav Pro plugin… :-)
Hey!
You can also add following code to Quick CSS to decrease the spacing between menu items
#av-burger-menu-ul li {
padding: 0;
}
Please feel free to recommend those improvements here – https://kriesi.at/support/enfold-feature-requests/ :)
Best regards,
Yigit
yes… and look at the result below :-)
I do not have only a lot of items menu, I also have a lot of sub-menus item, so when they expand… :
Hey!
I wish we could see the site and provide you an accurate solution dear pako69 :)
New menu will be definitely improved in upcoming versions, however at the moment, all we can do is provide you custom CSS codes for a temporary workaround :)
Best regards,
Yigit
Yes I know :)
I’ll wait…
thanks
(you can close this post if you want)