Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 25, 2014 at 12:36 pm #242683
    Nic

    Hallo Team,

    ich möchte gerne auf meiner Startseite mit einer color section arbeiten die 100% hoch ist, bzw. mit einem Fullscreenslider.
    Zu Beginn sollte der Header ausgeblendet sein. Wenn man nach unten scrollt zur nächsten section soll dann der Header eingeblendet werden. Habe versucht es hier zu visualisieren.
    Könnt Ihr mir bitte einen Tipp geben, wie man dies bewerkstelligen kann?

    Vielen Dank.
    Gruß,
    Nic

    • This topic was modified 10 years, 8 months ago by Nic.
    March 25, 2014 at 2:20 pm #242721
    Ismael

    Hey Nic!

    That is a bit complicated but maybe you can try something like this. Create a page then add a color section with background, set the height to at least 75% of the screen. Add this on Quick CSS or custom.css:

    #main {
padding-top: 0 !important;
position: relative;
z-index: 2000;
}

.header-scrolled {
z-index: 3000 !important;
position: fixed;
}

    On page load, the header will be covered by the first color section and once you scroll down the header will appear on top of the section.

    Best regards,
    Ismael

    March 25, 2014 at 3:39 pm #242766
    Nic

    Hi Ismael,

    thanks for pointing me in the right direction.
    I tried your code, but at the beginning nothing changed to me. Maybe it depends on the header configuration in the backend?

    My configuration is:
    – logo left, menu right
    – header size: large
    – sticky header

    Than I changed the header class:
    .html_header_top.html_header_sticky.html_large #main {
    padding-top: 0;
    position: relative;
    z-index: 2000;
    }
    .header-scrolled {
    z-index: 3000 !important;
    position: fixed !important;
    }

    Now, the color section is on top of the site and covers the header :-) But when I scroll down to the next section, the header is still hidden.
    Maybe you have an idea what is getting wrong?

    Thanks.
    Best regards,
    Nic

    • This reply was modified 10 years, 8 months ago by Nic.
    March 29, 2014 at 7:26 pm #244848
    Josue

    Hi,

    Can you post a link to your website please?

    Regards,
    Josue

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