Possible to Make Sticky Header Shrink?

  • Resolved fifthhouse

    (@fifthhouse)


    3 years, 5 months ago

    Does anyone know a way to make the sticky header shrink? The idea is that it would become smaller when scrolling, which takes up less of the page space.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @fifthhouse,

    Thanks for your comment.
    Can I ask you to send this to [email protected], so we can look into it?

    I’ll be happy to assist you the best I can!

    @fifthhouse
    Hello there.
    I just did it in astra theme using a small css change.

    div#mysticky-nav.down.wrapfixed .custom-logo-link img {
    max-width: 49px;
}
div#mysticky-nav.wrapfixed.up .custom-logo-link img {
    max-width: 49px;
}

    Change your logo’s max-width and enjoy.

    Hope it helps
    Best regards

    Thread Starter fifthhouse

    (@fifthhouse)

    Hey, and thanks for sharing this code. I ended up going with Elementor Pro and a custom header. I like it a lot as I can refine the header settings with ease.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Possible to Make Sticky Header Shrink?’ is closed to new replies.