How to make navigation bar/menu to following you when scrolling on mobile - Venture theme

Highlighted
New Member
2 0 0

Is there a version of this that works on desktop as well? also, where do i go to input the code? i am using the supply theme, if that matters

0 Likes
Highlighted
New Member
1 0 0

could you show the path where i need to write down the code? 

 

Thank you , David

0 Likes
Highlighted
New Member
1 0 0

Hi, 

 

I have the same issue, but I do not find the "style css" thing....

 

can u help me?

0 Likes
Highlighted
Tourist
4 0 1

Excellent !

store scss file is called theme.scss.liquid

0 Likes
Highlighted
New Member
4 0 0

yo bro, i'm using the supply theme and it's not working out so great. whenever on mobile the menu bar won't stop scrolling down but on pc it doesn't move. i tried to put in the codes above but my theme is different. I have the supply theme

0 Likes
Highlighted
Tourist
5 0 0

Hi,

The best solution is to do some modification in html and css

  1. First, do a copy of your theme unless you know what you're doing
  2. Then you need to go to Theme/Action/modify code
  3. Open your CSS file (in Assets)
  4. Look for line 3031 and add this : @include media-query($small) {visibility: collapse;}; (must be before this tag } )
  5. Look for line 3029 and add this : @include media-query($small) {visibility: visible;}; (before closing tag })
  6. Save file and look for header.liquid (in sections)
  7. In header.liquid file, look for line 156 and remove " small hide" and save

That's it !

Bonus : To have "Menu" on the stiky bar next to icon you can remove this code around line 3116 :

// Menu label when nav is compressed on larger screens
.site-nav__link-menu-label {
display: none;

@include media-query($medium-up) {
display: inline-block;
}
}

 

Hope it can help !

0 Likes
Highlighted
New Member
4 0 0

Please help me, where is it this "store style css" ? 

0 Likes
Highlighted
Tourist
5 0 0

You need to go online shop/Theme/actions/modify code/assets/theme.scss or theme.css or similar

0 Likes