Sticky/Fixed Header and Navigation for Venture Theme

Solved
Highlighted
Excursionist
30 0 0
Hello!

Does anyone have a working code for this? I have a code currently that works; however, when sliding over the nav-bar to view “Home” “Shop” “Contact” etc. pages, the nav-bae disappears.

Here’s my shop link to view what’s going on:
https://www.EpicColours.com

Also, here’s the code I have added currently:

@media only screen and (max-width: 768px) {
header.site-header {
position: fixed;
top: 0;
z-index: 1000
}
.page-container {
padding-top: 75px;
}
}

@media only screen and (min-width: 769px) {
header.site-header {
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
.page-container {
padding-top: 170px;
}
}
0 Likes
Navigator
285 31 33

what is the password?

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
1 Like
Excursionist
30 0 0
epcclrs
0 Likes
Navigator
285 31 33

I clicked few options, scrolled down, menu is fine, can you let me know what exact issue are you facing? menu bar did not disappear

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
1 Like
Excursionist
30 0 0
Menu bar disappears once you click the hamburger on mobile device to slide over nav-bar.
0 Likes
Navigator
285 31 33

there are few css settings which need to be done, do you want it like the screenshot below?

 

Screenshot 2019-09-14 09.27.06.png

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
1 Like
Excursionist
30 0 0
Yes! Yes! Yes! Will the slide show still be visible? I know it doesn’t matter if it is or isn’t, I just would love for it to be correct.
0 Likes
Navigator
285 31 33

after you close menu you will see slideshow as well, there will be no issue with slideshow

 

if you can add me to your shopify, I can do it for you

 

you can PM me.

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
1 Like
Excursionist
30 0 0
Is there a way you can type it out for me?
Like a tutorial? I have experience with placement of coding. Not an expert, but if you can please help me, would be a blessing!
0 Likes
Navigator
285 31 33

add this css at end of your css file and clear cache to test it

 

@media only screen and (max-width: 768px)
{
header.site-header {position: initial;}
you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
1 Like