[Support request] Different submenu width in mobile and desktop

[Ree]

I want a different width for submenu in mobile and desktop, however when I save it saved both. Any other ways to achieve this please?

https://prnt.sc/I1i-BT1CIA5y

[Fernando]

Hi Ree,

You can use custom CSS.

For reference, can you provide the link to the site in question? We’ll check what CSS is needed.

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[Ree]

in the mobile submenu it should be width of 120px
while in the desktop it should be 230px width

[Fernando]

I see. With your current structure, can you try adding this through Appearance > Customize > Additional CSS?:

@media (min-width: 1025px) {
    div#primary-menu ul.sub-menu {
        width: 230px;
    }
}

[Author]

Posts