Psychology theme sticky header

Home Forums All Other Themes Psychology theme sticky header

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #174421
    Courtney ClineCourtney Cline
    Participant
    • Topics: 22
    • Replies: 49
    • Total: 71
    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

    #174448
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27778
    • Total: 27778
    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

    #174452
    Courtney ClineCourtney Cline
    Participant
    • Topics: 22
    • Replies: 49
    • Total: 71
    Member since: January 10, 2017

    That worked great. Thanks so much!

    #174454
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27778
    • Total: 27778
    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

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