Sticky menu not appearing when scrolling down

Store Design
, ,

Topic summary

• Issue: The store’s sticky menu (header that should remain visible while scrolling) disappears when scrolling on a Shopify site using the Dawn theme.

• Constraints: General checks have already been done. Switching themes is not an option.

• Proposed fix: A recommendation was to add a CSS rule in base.css targeting the header section ID to force it to stay at the top (e.g., set top: 0 !important). Step‑by‑step instructions and screenshots/links were provided to edit the theme code.

• Outcome: After applying the CSS rule, the sticky menu still hides on scroll. The change did not resolve the issue.

• Notes: The suggested code specifically targeted the section selector (#shopify-section-sections–18107345109268__header). Code snippets and screenshot links were central to the proposed solution.

• Status: Unresolved. The store is seeking more specific causes and fixes for why the header continues to disappear when scrolling, without changing themes.

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

Hello Shopify community,

we would like to know if you have any suggestion on how to fix dissapearing sticky menu when scrolling down.

Our page is jacqueshermes.com and we use the dawn theme.

Thank you for your time,

Jacques Hermes team

2

Hello @Natalie_Arya ,

Thank you for your suggestions, but we 've already checked such things. Changing our theme is not a viable option at this point for many reasons. If you have anything more specific to suggest, please let us know.

Thank you,

Jacques Hermes team

3

Hi @JH_TECH
I would like to give you a solution to support you.

You can try adding the below code to make the header always sticky.

  1. Go to Online Store → Theme → Edit code https://prnt.sc/XkUYXZPnym_E

  2. Open your base.css in the Assets folder.

  3. Paste the below code at the end of the file https://prnt.sc/YtwFCgk-CoVw

#shopify-section-sections--18107345109268__header{
 top: 0px !important;
}
  1. Save the file and double-check.

Best regards,
GemPages Support Team

1 Like
4

Hello @GemPages ,

thank you for your reply. We added the code you suggested but still, when scrolling down, the sticky menu is hiding. Do you have any other ideas on why is this happening and how to fix it?

Thank you for your time,

Jacques Hermes team