Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 19, 2016 at 11:31 pm #714391
    pbspence

    On my landing page, I want to have a full-page slider with a transparent header, and a sticky transparent socket. I’m using the following, but the full-page slider seems to sit on top of the socket:

    .page-id-734 #socket {
    position: fixed;
    background-color: rgba(255,255,255,0.2);
    bottom: 0;
    width: 100%;
    z-index: 1;
    }

    Thoughts?

    November 20, 2016 at 9:09 am #714436
    Rikard

    Hey pbspence,

    Please try this instead:

    .page-id-734 #socket {
position: fixed;
background-color: rgba(255,255,255,0.2);
bottom: 0;
width: 100%;
z-index: 10 !important;
}

    Best regards,
    Rikard

    November 21, 2016 at 7:23 am #714688
    pbspence

    Thank you! Why 10?

    November 22, 2016 at 3:57 am #715080
    Rikard

    Hi,

    Not exactly sure why but it’s working, roll with it :-)

    Best regards,
    Rikard

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