Making a sticky menu for Symmetry theme

Solved
Highlighted
Tourist
4 0 1

Hey all!

 

So I'm trying to make sticky menu for my store with a Symmetry theme. I've already figured it out for mobile, but I can't find what to change for the desktop menu.

0 Likes
Highlighted
Shopify Expert
166 40 73
Hello, please provide a url to your store and I can provide you a solution.
Did I provide you with a working solution? Give me an Approved Solution!

Likes are appreciated as well :)
0 Likes
Highlighted
Tourist
4 0 1
Highlighted
Shopify Expert
166 40 73

This is an accepted solution.

Hello, 

 

Go to Online Store > Themes > Actions > Edit Code. Look for your Assets folder > styles.scss.liquid

 

Scroll to the very bottom and copy and paste this: 

 

@media only screen and (min-width: 768px) {
  div#shopify-section-header {
    position: sticky; 
    top: 0; 
    z-index: 9999; 
  }
}
Did I provide you with a working solution? Give me an Approved Solution!

Likes are appreciated as well :)
1 Like
Highlighted
Tourist
4 0 1

That worked perfectly, thanks so much!

1 Like
Highlighted
New Member
1 0 0

I already copy and paste the code and it only works for desktop. Can you also provide the code for the mobile version? Thank you

0 Likes