Hide on scroll without creating gap

  • Resolved svj90

    (@svj90)


    6 years ago

    Hey there,

    I want to hide the bar on scroll (all devices), tried a few solutions you posted here, but it always leaves a gap between my sticky nav bar and the top ob the page.

    I needed to setup a 40px Header Top Margin, otherwise it crashed my header.

    Thanks for your help!! 🙂

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author rpetersen29

    (@rpetersen29)

    6 years ago

    Hi @svj90
    Change simple banner position to relative and then in Site Custom CSS put:

    .et-fixed-header {
    margin-top: 0;
}

    Let me know if that fits your needs.

    Thread Starter svj90

    (@svj90)

    5 years, 12 months ago

    Works great, thanks!

    Is there also a way to make the font size a bit smaller only on mobile viewports?

    thanks!!

    Plugin Author rpetersen29

    (@rpetersen29)

    5 years, 12 months ago

    You could try something like this in Site Custom CSS:

    @media (max-width: 980px) {
.simple-banner {
    font-size: 10px;
}
}
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Hide on scroll without creating gap’ is closed to new replies.