- This topic has 19 replies, 2 voices, and was last updated 4 years, 8 months ago by .
- You must be logged in to reply to this topic.
Home › Forums › All Other Themes › How to make my header sticky on scroll using SKT Golf theme
https://imgur.com/OSs9WR2
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
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
Thanks Chris, It worked.
????
Are you looking for a simple and clean WordPress theme for your businesses? You are in the right place! Check out our list of WordPress […]
Text is a writer’s primary instrument, but it needs to be visually striking in order to draw readers in and encourage them to interact with […]
When it comes to making your website awesome, the design is key, and interactive WordPress themes are like the secret sauce that makes your site […]