Home › Forums › All Other Themes › How to make my header sticky on scroll using SKT Golf theme
- This topic has 19 replies, 2 voices, and was last updated 5 years, 3 months ago by Sonl Sinha.
-
AuthorPosts
-
June 12, 2019 at 5:43 pm #125004
Dear Support,
Will you help me make my header sticky on scroll please? I am suing SKT Golf theme and my website link is https://kevinorieux.com/.
I have used myStickymenu plugin to make it working. However, I prefer some css code so I can learn how it works well and avoid an additional plugin on my website.
Thanks
June 12, 2019 at 5:59 pm #125006On scroll, the section headings are visible and look weird when I use a plugin so I would like to use some sort of css code to fix this issue.
Please refer to the image.
https://imgur.com/o7YkPqO
June 13, 2019 at 12:38 pm #125057Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
.header { z-index:99999999 !important;}
Regards,
ChrisJune 13, 2019 at 4:38 pm #125078Hi Chris,
It doesn’t work somehow. I want my header to be sticky on scroll, please.
Thanks
June 14, 2019 at 8:31 am #125108Hi,
Kindly use this one
.header { position:fixed !important;} #slidera { margin-top:65px !important;}
Regards,
ChrisJune 14, 2019 at 5:26 pm #125139Thank you very much Chris,
However, it is having the same issue I had with the plugin. It seems like the home top bar is transparent in most cases.
https://kevinorieux.com/
Thanks
June 14, 2019 at 5:26 pm #125140https://imgur.com/o7YkPqO
June 17, 2019 at 6:56 am #125210Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
.header { z-index:99999999 !important;}
Regards,
ChrisJune 17, 2019 at 6:10 pm #125300Thanks Chris. It worked. I really appreciate your help!
June 18, 2019 at 5:12 am #125318Hi nahumpfrancis,
If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/22/
Regards,
ChrisJune 24, 2019 at 6:54 pm #125634Hello Chris,
I have noticed one issue when I use this code. My slider wont show proper way if I use sticky header. Can you help me solve the issue please. Thanks.
Please refer the both images. First one without sticky header and second one with sticky header.
without sticky header
https://imgur.com/F2OeFHlwith sticky header
https://imgur.com/jLVlnqhPlease help me fix this!
ThanksF.Y.I : I have reviewed your theme already, thats why I did not respond to the message.
June 25, 2019 at 12:54 pm #125676Hi,
Kindly use this one
@media screen and (max-width:479px) { .slider-wrapper { margin-top:80px;} }
Regards,
ChrisJune 25, 2019 at 5:56 pm #125695Thanks Chris. It worked. I really appreciate your help….
June 27, 2019 at 7:28 am #125768🙂
July 4, 2019 at 4:34 am #126117Hello Chris,
I have tried the above codes on another site and the slider is not showing well. In another words, the slider show gray extra space on the slider below on iPads…
https://imgur.com/OSs9WR2..
Please help me fix this. I tried to play around with the px values and still having the issue…
-
AuthorPosts
- You must be logged in to reply to this topic.