Psychology theme sticky header

Home › Forums › All Other Themes › Psychology theme sticky header

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 11, 2021 at 4:45 pm #174421
    Courtney ClineCourtney Cline
    Participant
    • Topics: 29
    • Replies: 60
    • Total: 89
    Member since: January 10, 2017

    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

    February 12, 2021 at 12:39 pm #174448
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29718
    • Total: 29718
    Member since: August 16, 2013

    Hi,

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

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

    Regards,
    Chris

    February 12, 2021 at 1:02 pm #174452
    Courtney ClineCourtney Cline
    Participant
    • Topics: 29
    • Replies: 60
    • Total: 89
    Member since: January 10, 2017

    That worked great. Thanks so much!

    February 12, 2021 at 1:09 pm #174454
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29718
    • Total: 29718
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.