Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 6, 2023 at 2:22 am #1403663
    nTECHgrate

    Hello Enfold team,

    I do not want to display a logo on desktop until the user starts to scroll. Can you please help me with this?

    -James

    April 7, 2023 at 6:20 am #1403763
    Nikko

    Hi James,

    This is possible and set in each page, just edit the page and go to Layout (located at the bottom of the sidebar) and set Header visibility and transparency to Header is invisible and appears once the users scrolls down.
    Hope this helps.

    Best regards,
    Nikko

    April 12, 2023 at 7:06 am #1404188
    nTECHgrate

    Thank you, but this isn’t quite what I’m looking for. I want the menu icon always to be visible, and the logo only appears on scroll.

    April 12, 2023 at 11:01 am #1404206
    Nikko

    Hi nTECHgrate,

    I see, please try adding this CSS code in Enfold > General Styling > Quick CSS:

    #top .logo {
    visibility: hidden;
}

#top .header-scrolled .logo {
    visibility: visible;
}

    Best regards,
    Nikko

    April 20, 2023 at 1:53 am #1405011
    nTECHgrate

    Thank you sir.

    April 20, 2023 at 7:53 pm #1405078
    Rikard

    Hi,

    Great, I’m glad that Nikko could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    April 20, 2023 at 11:49 pm #1405097
    nTECHgrate

    Please close the ticket.

    I appreciate your help.

    April 21, 2023 at 4:57 pm #1405181
    Nikko

    Hi nTECHgrate,

    We’re glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘No logo until the user scrolls’ is closed to new replies.