Drop Down Menu Width

35%20PM

Please check the attached images.
In this site www.rockwayindia.com the width of the red colorored drop down menu is less. Some of text of each page’s title is coming up in 2 lines in a single button. Is there a way to increase the width of the drop down menu ?

Hi,

You can change the width of the sub-menu with this Custom CSS:

#mainnav ul li ul {
    width: 250px !important;
}

#mainnav ul ul li {
    width: 100%;
}

#mainnav .sub-menu li a {
    width: 100%;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Kind Regards,
Csaba

Thanks a lot and the it’s resolved !

Hi,

Great! You’re most welcome! If you need help with anything else, please open a new topic.

Have a nice day!

Kind Regards,
Csaba