Why is my mobile store menu not visible?

Store Design
,

Topic summary

Issue: On mobile, the store’s dropdown menu shows plus/minus toggles but the collections are not visible. A store link was provided for reference.

Suggested fix (Dawn theme): In Shopify admin, go to Online Store > Themes > Actions > Edit code. Open the mobile menu file (mobile-nav.liquid or mobile-menu.liquid) in Sections/Snippets and review the code that renders dropdown items.

CSS checks: Verify menu item classes aren’t hidden (e.g., display: none) or affected by conflicting styles. Adjust CSS properties such as display, visibility, or opacity to ensure items become visible on mobile.

Technical context: CSS controls visual styling and visibility; Liquid files define theme sections/snippets that output the menu.

Status: The store owner thanked the helper. No confirmation of a fix, so the issue appears unresolved and may require further validation on a mobile device.

Summarized with AI on January 26. AI used: gpt-5.
1

When I view my store from my mobile, the drop down menu is invisible. The Plus/Minus are there but the collections are not there. https://yourfairygmomfashions.store. Can anyone assist me in fixing this problem.

2

To fix the issue with the invisible dropdown menu on your mobile view in the Dawn theme, you can try the following steps:

  1. From your Shopify admin, go to “Online Store” and then “Themes.”
  2. Find the Dawn theme you’re using and click on the “Actions” button, then select “Edit code.”
  3. In the theme code editor, locate the file responsible for the mobile menu. This file is typically named mobile-nav.liquid or mobile-menu.liquid. It is usually found in the “Sections” or “Snippets” folder.
  4. Open the file and search for the code that generates the dropdown menu items.
  5. Verify that the CSS classes and styles are correctly applied to the dropdown menu. Ensure that the classes controlling the visibility of the menu items are not set to display: none; or have any conflicting styles.
  6. If the menu items are hidden due to conflicting styles, you can try adding or modifying CSS styles to make them visible. Look for the CSS class associated with the dropdown menu items and adjust its properties, such as display, visibility, or opacity, to make the items visible on mobile devices.
3

Thank you for your help.