Adjusting the width of the Sub-menu items on Dekstop View
-
When hovering on our menu categories titles on desktop view the width of the sub menu is not wide enough, forcing the text to be viewed on 2 lines.
How can adjust the width to make sure the sub-menu titles are shown in 1 line? (see picture)
Attachments:
You must be
logged in to view attached files.
Hello,
You can create megamenu blocks and set the width as per your needs or set the full-width, here is the instruction https://xtemos.com/docs/woodmart/create-menu-2/
If you do not want to change your menu and just want to make the block wider, add this custom CSS to the Theme Settings > Custom CSS > Global:
body .whb-secondary-menu .menu-simple-dropdown .sub-menu-dropdown,
body .whb-secondary-menu .menu-simple-dropdown .sub-sub-menu {
width: 300px;
}
Best Regards
Unfortunately, the menu does not get wider with that code.
Any other suggestions?
Hello,
Please provide your site admin access I will check custom CSS, you need to copy and paste from the forum not from the email. Clean the cache of the browser and on your site.
Best Regards