Solved

Sticky/ Fixed Header Menu

mel30
Shopify Partner
83 2 22

Hello Experts,

 

I made the menu sticky/Fixed. but the page content gets hidden behind the menu on page load.

 

mel30_0-1711300020142.pngmel30_1-1711300070637.png

 How can this be fixed across all the page?

 

The website is https://www.athreyaherbs.com/

 

Thank you for your help.

Accepted Solution (1)

deepaksharma
Shopify Partner
448 62 92

This is an accepted solution.

Hey @mel30 

 

hi there if you are facing any issue on a purchased theme I suggest try contacting theme developer about the issue. https://help.outofthesandbox.com/hc/en-us

 

or if you wanna fix it by yourself follow below steps

 

Open theme code editor

Before editing code make sure to duplicate the theme

Online stores> Themes> Edit Code

 

find the file called styles.scss

 

and paste this code to very bottom of the file

div#shopify-section-header-new {
    position: sticky !important;
    top: 0 !important;
    background: white !important;
}

 

If you are unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

 

Hopefully, it will help you. If yes then Please don't forget to hit Like and Mark it as the solution!

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com

View solution in original post

Replies 2 (2)

deepaksharma
Shopify Partner
448 62 92

This is an accepted solution.

Hey @mel30 

 

hi there if you are facing any issue on a purchased theme I suggest try contacting theme developer about the issue. https://help.outofthesandbox.com/hc/en-us

 

or if you wanna fix it by yourself follow below steps

 

Open theme code editor

Before editing code make sure to duplicate the theme

Online stores> Themes> Edit Code

 

find the file called styles.scss

 

and paste this code to very bottom of the file

div#shopify-section-header-new {
    position: sticky !important;
    top: 0 !important;
    background: white !important;
}

 

If you are unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

 

Hopefully, it will help you. If yes then Please don't forget to hit Like and Mark it as the solution!

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
mel30
Shopify Partner
83 2 22

@deepaksharma Thank you this worked