[Venture Theme] Making the header on mobile sticky

Solved
Shopify Expert
84 14 16

hi @EpicColours 

 

Please Provide your site url.

 

Thanks .

SilverClouding Team

0 Likes
Excursionist
30 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
84 14 16

hi @EpicColours 

 

Please provide your front-end password

 

 

1 Like
Excursionist
30 0 0
Epcclrs
0 Likes
Shopify Expert
84 14 16

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
Excursionist
30 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
84 14 16

hi

Please  show me the screenshot and sent your preview link .

 

Thank you 

1 Like
Excursionist
30 0 0

image1.png

 

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

0 Likes
Excursionist
30 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
New Member
19 0 0

hi, I'm having the same issue that epic colours is having. You can't see half the bar and the "x" to exit out of the side menu from the hamburger lines is gone now. What is the solution for this?

0 Likes