Prevent dropdown menu wrapping submenu text into more than one line (Neve FSE)

  • Resolved jamesclark1098

    (@jamesclark1098)


    2 weeks, 5 days ago

    I am using the NEVE FSE template. I have a navigation bar that has a drop-down menu (ABOUT US, SERVICES and so on).

    Under “ABOUT US” I have a number of sub-menus that drop down when the mouse hovers over “ABOUT US”. The text for some of these, such as “INTERNATIONAL MARKETS” shows up on two lines rather than on one line. Is there a way to stop this text from wrapping or overflowing onto two lines? I would like to have one line per sub-menu item.

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

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

  • Hi,

    Do you still need help in this regard?

    Thank you!

    Thread Starter jamesclark1098

    (@jamesclark1098)

    This worked for me to stop the wrapping of sub-menu text onto multiple lines once I hover over the navigation menu:

    .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
        height: auto;
        min-width: max-content !important;
        opacity: 1;
        overflow: visible;
        visibility: visible;
        width: auto;
    }

    Great, thank you for sharing this!

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.