Psychology theme sticky header

[Courtney Cline]

Hi. I would like to create a sticky header for my site at https://clinesecurity.com/, which is using the Psychology theme. I was able to get the header to stay in place by adding some code, but then the slider image and content were positioned behind the header and disappeared as soon as the screen was small enough to transition to the sandwich menu – so I removed the code since the site is live.

Please help.

Thank you,

Courtney

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.header {
    position: sticky;
    top: 0;
}

Regards,
Chris

[Courtney Cline]

That worked great. Thanks so much!

[Forum Moderator]

Hi,

If you found our service good kindly review us here: https://www.trustpilot.com/review/sktthemes.org

Regards,
Chris

[Author]

Posts