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

[Author]

Posts