Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 5, 2023 at 4:53 am #1424707
    rqn

    I’ve successfully added a banner to the header using a widget, based on information from a past FAQ. However, I’m looking to make the banner size shrink on scroll, similar to the logo behavior. What would be required to achieve this effect?

    November 5, 2023 at 11:43 am #1424716
    Mike

    Hey rqn,
    If you are using the scrinking header on scroll option in the theme, then on scroll the class header-scrolled is added, so if you add a custom class like custom-image then you should be able to use this css:

    #header.header-scrolled .custom-image img {
height: 200px !important; 
}

    assuming that 200px is the height you want it after scroll.
    You may need to adjust this for your situation, if you need further help please link to your page so we can examine.

    Best regards,
    Mike

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