Changing the width of dropdown menu

  • Hello,

    I am trying to broaden my dropdown menu in a way that every item will show itself in one line (industrial design, lamps & lights). I went through customizer and theme panel, but could not find such an option to do so. I am enclosing the screenshot for the better understanding. It would also fine to align the text to the center then.

    Here is the screenshot

    I have also found this:
    https://www.ads-software.com/support/topic/text-in-dropdown-menu-width/
    Can I use this within OceanWP too?

    I am using “Simple /E-Commerce theme from OceanWP”.

    Thank you all for your help!

    • This topic was modified 6 years, 3 months ago by micwie.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello,

    Try to add the below code in the Customize > Custom CSS section

    .sf-menu li.menu-item {
    white-space: nowrap;
}
    Thread Starter micwie

    (@micwie)

    Hello,

    Just realised that I have overlooked the “width” feature under the “dropdown styling”. It has stretched my menu already, but I would also like to try the option suggested from @apprimit (thanks for your reply). I have added the code, but it seems that it did not make any difference though.

    Here is the screenshot

    Any idea? Thanks a lot!

    Hello,

    Try to use the above code with !important. 

    .sf-menu li.menu-item {
    white-space: nowrap !important;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing the width of dropdown menu’ is closed to new replies.