Find the ID elements header

  • Hello, I have downloaded the Sticky Menu plugin so I can fix the header to the top when Im scrolling. But I dont find the right id/element to get this to work. I have tried with Sticky Element:”header” but i dosent look good, see https://www.spara.com/
    I just wont the light grey section to stay and the slider is now above the header when I scroll?
    What can I do to fix this?

    It also looks like the slider/picture is above the drop-down-menu?

    /Alfons

    • This topic was modified 7 years, 9 months ago by alfons74.
    • This topic was modified 7 years, 9 months ago by alfons74.
Viewing 6 replies - 1 through 6 (of 6 total)

  • Hey Alfons,

    Rather than using the plugin, try adding this CSS to Theme Options> Advanced Settings and let me know if it works for you:

    header.banner.headerclass {
    position: fixed;
    z-index: 1000;
    width: 100%;
}

    It seems that the plugin isn’t properly setting the z-index for the sticky header. Let me know what you think of this CSS.

    -Kevin

    Thread Starter alfons74

    (@alfons74)

    Thank you Kevin, the css code workeds much better then the plugin ??
    /a

    Thread Starter alfons74

    (@alfons74)

    Hello Kevin.
    Well its looks good on the first page, not the other pages. You cant see the top of the pages? See one of the pages
    https://www.spara.com/fritidshus/
    /a

    Hey,

    Try adding this CSS:

    .wrap.contentclass {
    margin-top: 105px;
}

.home .wrap.contentclass {
    margin-top: 0;
}

    Let me know if that works for you!
    -Kevin

    Thread Starter alfons74

    (@alfons74)

    Hi Kevin
    Its better but the menu to the left is now above the header when you scrolling?
    https://www.spara.com/fritidshus/

    And in the iPhone you cant see the hole title?

    • This reply was modified 7 years, 9 months ago by alfons74.

    How are you adding that menu? It should be going under the header, and I can’t figure out CSS to force it to.

    I’ll keep working on it and let you know what I find.

    -Kevin

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Find the ID elements header’ is closed to new replies.