Links in Drop Down Menu are not Visible in Mobile Version

[E_Lugo]

Hi there,

When I open menu in mobile version, links from the drop-down collection are not visible. Interestingly, I know the links are there because if you click in the empty space where they are supposed to be, it takes you to the corresponding link.

Initially figured that it was the text color for the links, but no matter where I change those, no difference. Please, any clarity will be appreciated since I'm a certified noob with no experience. Thanks!

[theycallmemakka]

Hi @E_Lugo ,

Can you provide me with the link to your store so that I can review the dropdown and let you know the solution accordingly?

Thank you

[E_Lugo]

www.weilwell.com

[theycallmemakka · Accepted solution]

Hi @E_Lugo ,

The custom code added to the custom.css file was overriding the design for mobile devices. To display the dropdown menu on a mobile device, please add the following code at the end of the 'theme.liquid' file.

<style>
@media only screen and (max-width: 961px) {
  .site-nav-dropdown span {
        color: #fff!important;
    }
}
</style>

Steps to add CSS:

Step 1: Go to Online Store > Themes > Active theme > Edit

Step 2: Search for "theme.liquid"

Step 3: Add the CSS above "</head>"

If you require further help to add the code to your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Mangit

[E_Lugo]

It worked brilliantly! Correct solution with a great step by step explanation...

Thank you so much!