How can I fix a sticky navigation bar that hides the top of my site?

Store Design
1

I’ve added a sticky menu to my website, and it’s hiding the top of all of my pages. It’s been about a month since I added it so can;t quite remember the code (I am a complete novice on web back end stuff)

My Website is

www.patchpops.com

Would very much appreciate any help

Thanks,

Kaylee

2

@KayleeHughes

ase Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-header { position: relative !important;}

Thanks!

3

@KayleeHughes

Second solution of problem

@media only screen and (min-width: 750px){
.main-content { padding-top: 173px !important;}
}
4

Thank you for this!

I have added the code and now the bar no longer covers any of my website - however it’s no longer sticky. Is there a way around this at all?

5

@KayleeHughes

Try this code

@media only screen and (min-width: 750px){
.main-content { padding-top: 173px !important;}
}

Thanks!

1 Like
6

hii,
@KayleeHughes
Paste this cod on top of the theme.scss file.

@media only screen and (min-width: 992px) {
div#Hero-16261739538a71af15 {
    margin-top: 132px;
}
}
1 Like
7

Thank you!

Iadded this to the top of the file and it worked. Thanks so much for your help

1 Like