Links in Drop Down Menu are not Visible in Mobile Version

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!

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

www.weilwell.com

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.


Steps to add CSS:

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

Step 2: Search for “theme.liquid”

makkaomakka_1-1696605584657.png

Step 3: Add the CSS above “”

makkaomakka_2-1696605584569.png

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

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

Thank you so much!