[Venture Theme] Making the header on mobile sticky

Solved
Shopify Expert
45 6 9

hi @EpicColours 

 

Please Provide your site url.

 

Thanks .

SilverClouding Team

0 Likes
Tourist
18 0 0
epic-colours.myshopify.com

It works just like the person’s above you helped, but what happens is, the hamburger lines and all disappear once your slide over the nav to view the pages. The default hamburger lines and bar remain visible when it’s slid over.
0 Likes
Shopify Expert
45 6 9

hi @EpicColours 

 

Please provide your front-end password

 

 

1 Like
Tourist
18 0 0
Epcclrs
0 Likes
Shopify Expert
45 6 9

hi,

 

Please add the below code before close </head> tag .

<style>
@media screen and (max-width: 425px) {
header.site-header {
    position: fixed;
    z-index: 9;
}
.main-content {
    margin-top: 90px;
}
}

</style>

Want to modify or custom changes on store hire us .
If helpful then please Like and Accept Solution .

 

1 Like
Tourist
18 0 0
I added it and thanks for your hard work, but how would I keep the screen that slides over, visible? It disappears + the 3 LINES.
0 Likes
Shopify Expert
45 6 9

hi

Please  show me the screenshot and sent your preview link .

 

Thank you 

1 Like
Tourist
18 0 0

image1.png

 

The black bar disappears + the 3 lines that are suppose to change to an (x).

0 Likes
Tourist
18 0 0
Do you understand what black bar I’m talking about? There’s a head bar with site logo on it and 3 lines you can press to slide over the slide bar. Once slide bar slides over, the black bar disappears. Half of the bar should still be visible along with an “x” to close the slide bar.
0 Likes