CSS to set the width of dropdown menus to fit the widest menu item not working

Hi there,

try giving it some importance:

@media(min-width: 1025px) {
    .main-navigation ul ul {
        width: auto !important;
        white-space: nowrap;
    }
}

And the media query is to stop it. messing up on mobile

Hi David - Thank you. That worked but I noticed on tablet the drop-down menu is now shifted to the left when I click on the menu items.

Aah ok - I updated my CSS above

https://generatepress.com/forums/topic/css-to-set-the-width-of-dropdown-menus-to-fit-the-widest-menu-item-not-working/#post-2143561

Perfect, thank you!!

You're welcome