Site logo

[Resolved] Normal header used as sticky – some pictures and text visible over it

Home Forums Support [Resolved] Normal header used as sticky – some pictures and text visible over it

Home Forums Support Normal header used as sticky – some pictures and text visible over it

  • This topic has 3 replies, 2 voices, and was last updated 4 years ago by Leo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2152410
    Stephen

    http://www.stephenlavender.site

    David gave me the CSS below to use my normal header as a sticky header.

    This works well except that as I scroll through some pictures and some text are displaying on top of the header.

    – Is some additional CSS I can use to stop this please?

    Thanks
    Stephen

    .site-header,
    #mobile-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    }

    #2152432
    Leo
    Staff
    Customer Support

    Hi Stephen,

    I’m not seeing the issue on the home page but can you try this instead?

    .site-header, #mobile-header {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 99;
    }
    #2152436
    Stephen

    Perfect thank you.

    Everything stays hidden behind header now.

    Thanks

    #2152455
    Leo
    Staff
    Customer Support

    No problem 🙂

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