Re: Dawn menu not sticky

Solved

Why isn't my Dawn theme header staying sticky?

Bird_on_a_Wire
Explorer
72 0 13

Hello🌻

 

Not sure why but my Dawn theme header is not sticky even though I have checked the "enable sticky header" box... is there something else i need to do as well to make the header sticky?

 

SITE: https://e1c8d3.myshopify.com/collections 

PASSWORD: thaits 

 

Thanks in advance!

 

Screenshot 2023-02-15 at 15.12.59.png

Accepted Solution (1)
GemPages
Shopify Partner
5625 1262 1287

This is an accepted solution.

@Bird_on_a_Wire 

 

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Edit code.

2. Open your theme.liquid theme file.

3. Paste the below code before </body>:

 

<style>
   body .shopify-section-header-hidden {
    transform: translateY(0);
   }
</style>

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 5 (5)

GemPages
Shopify Partner
5625 1262 1287

Hello @Bird_on_a_Wire 

 

It's GemPages support team and glad to support you today.

I checked, the Dawn theme's sticky header is still working
Note: it is only visible when scrolling up, and when scrolling down is not displayed - this is a feature of the theme

 

Screenshot at Feb 15 20-57-27.png

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Bird_on_a_Wire
Explorer
72 0 13

@GemPages Ah I see... is there a way of making it sticky when you scroll down as well?

GemPages
Shopify Partner
5625 1262 1287

This is an accepted solution.

@Bird_on_a_Wire 

 

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Edit code.

2. Open your theme.liquid theme file.

3. Paste the below code before </body>:

 

<style>
   body .shopify-section-header-hidden {
    transform: translateY(0);
   }
</style>

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Bird_on_a_Wire
Explorer
72 0 13

@GemPages thank you! that has worked 

lostindiamonds
New Member
8 0 0

Hi, 
I too have a similar issue, but your solution did not work for me. 

Would it be okay for you to help me out too?

My shopify website is: https://nignadiamonds.com/