How to make my header sticky on scroll using SKT Golf theme

[nahumpfrancis]

https://imgur.com/OSs9WR2

[nahumpfrancis]

I having issues when I try to do sticky header using the following code. I tried changing the px values and still having the issues….

.header { z-index:99999999 !important;}

.header { position:fixed !important;}
#slidera { margin-top:50px !important;}

@media screen and (max-width:479px) {
.slider-wrapper { margin-top:80px;}
}

Please help me fix this.. This is a screenshot form iPad..

Thank you

[Sonal S Sinha]

Hi,

Kindly use this one

@media screen and (min-width:480px) and (max-width:767px) {
.slider-wrapper { margin-top:80px;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
.slider-wrapper { margin-top:80px;}
}

@media screen and (min-width:1024px) and (max-width:1160px) {
.slider-wrapper { margin-top:50px;}
}

Regards,
Chris

[nahumpfrancis]

Thanks Chris, It worked.

[Sonal S Sinha]

????

[Author]

Posts