[Resolved] Dropdown menu not showing on mobile

[Attila]

Dear Support,

I facing with the following issue in my website: there is a submenu for product categories. This drop-down works fine on desktop mode but on smartphone shows only an empty box.

Could you give me a suggestion how to set it up properly?

Thanks in advance.

BR,
Attila

[Fernando]

Hi Attila,

You’re on the right track with regards to setting up the sub-menu. The sub-menu just has its font color the same as its background color which is why it seems like the menu items are missing.

With that said, can you try adding this custom CSS and see how it goes?:

li.menu-item ul.sub-menu li.menu-item a {
    color: var(--contrast);
}

—contrast is the contrast color set in your Global colors in Appearance > Customize > Colors. You can modify this value to your preference. You may also use something like rgb(0, 0, 0) as the value.

See this for reference: https://share.getcloudapp.com/z8ukWzXB

How this helps! 🙂

[Attila]

Dear Fernando,

thanks a lot for your suggestion, this worked asap. 🙂

BR,
Attila

[Attila]

Just marked as resolved.

[Fernando]

You’re welcome Attila! Feel free to reach out anytime if you’ll need assistance with anything else. 🙂

[Author]

Posts