Okay
  Public Ticket #2780947
header hide on start
Closed

Comments

  •  8
    dan-kray started the conversation
    May 19, 2021 at 1:59pm

    Hi

    May I ask for support with the following:

    I would like the header on all pages, except the start page, to be hidden when the page is accessed and only visible when scrolling upwards.

    (I use the transparent navigation).

    I would be very happy to receive the necessary CSS code.


    Best regards
    Dan

  •  8,847
    Tahir replied
    May 19, 2021 at 5:21pm

    Hey Again,


    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    /* hide the header nav on all pages when at top other than the home page */
body:not(.home) div#header-outer.transparent.at-top {
    display: none !important;
}

    Thanks

    ThemeNectar Support Team 

  •  8
    dan-kray replied
    May 19, 2021 at 8:25pm

    Hi Tahir

    Nice, thanks.

    It would be optimal if the header remains visible when scrolling back to the top of the page.
    Would that also be possible?

    Thanks again
    Dan

  •  1,878
    Judith replied
    May 19, 2021 at 9:38pm

    Hi There,

    The header is visible when scrolling back:

    4120545171.png

    Let me know whether I am missing something.

    Thanks.

  •  8
    dan-kray replied
    May 19, 2021 at 9:50pm

    Hi Judith and thanks for your response.

    It is not about the home page but about all other pages where the header should not be visible when enter the page.

    This works as desired, but the header disappears again after scrolling back to the top of the page.

    https://recordit.co/m9rAl8xqAs

    Especially the abrupt disappearance bothers me.
    With a transition it might be ok.

  •  1,878
    Judith replied
    May 20, 2021 at 11:06am

    Hi There,

    Please send in your admin login credentials so that we may look into this further.

    Thanks.

  •   dan-kray replied privately
  •  8,847
    Tahir replied
    May 20, 2021 at 3:54pm

    Hey Again,

    I am afraid it's not possible to hide the nav once only when the page is loaded as there is no such class added to the Header Navigation. 

    You can view the classes added in the Chrome Dev Tools to better understand the Header States: 

    8351381255.pngClick To Open Larger Image.

    Let us know how do you want the header to behave given the available Header States.

    Thanks 

    ThemeNectar Support Team