• Resolved amscomultisite

    (@amscomultisite)


    Is it possible to make the header sticky?
    I’ve got this code, but it’s not working.

    #header-title-logo {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0px !important;

    }

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor WPtouch

    (@wptouch)

    Hi @amscomultisite,

    Looking at https://attitashmt.staging.wpengine.com/ in a mobile device, I see that the header is sticky now. Glad to know you got things sorted out.

    Hi,

    I tried this code recently and it works, which is great news, but it cuts off a small portion of the top of each page/post (header overlaps the content).

    Essentially, the sticky header loads immediately, as opposed to activating once you begin to scroll, so the content is automatically obstructed at the top of every page.

    Is there an adjustment that can be made so this doesn’t happen?

    Thank you for your help!

    #content
    {
       padding-top: 2em;
    }

    or whatever ur hdr logo is;-) altho it didn’t work when i added to my website, but it did work in safari inspector:-\

    • This reply was modified 5 years, 6 months ago by airdrummer.
    • This reply was modified 5 years, 6 months ago by airdrummer.

    Thanks Airdrummer. It worked on the homepage, albeit with a thicker whitespace, but on subsequent posts/pages it still cuts off the top.

    looks ok on my iphone…have u emptied caches?

    btw, v.nice website!-)

    • This reply was modified 5 years, 6 months ago by airdrummer.
    • This reply was modified 5 years, 6 months ago by airdrummer.

    It didn’t work, I need a different solution that doesn’t cut off the top of pages. Thanks though.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Sticky Header’ is closed to new replies.