.header__image img {
max-width: 100%;
height: auto;
transition: all 0.5s ease;
}
.scrolling .header__image img {
max-width: 30%;
height: auto;
}Shrinking logo for sticky header
October 25, 2024
Featured
Move Over Pie Calendar, Hello Listapage Recurring Events
Listapage Recurring Events has made its way into my stack and is now my preferred…
New Bricks Builder Post Conditions for Comment States
Fine-tune your Bricks post layouts with new conditions that distinguish between comments being disabled entirely…
I Use Bricks, Should I Care About Etch?
As someone who uses both Bricks and Etch, the "fear of missing out" can be…
Time Greeting Block: Add Dynamic Time-Based Greetings to Your WordPress Site
Transform your WordPress site with greetings that adapt to the time of day. Visitors see…
2 comments
René Mulder
Not working.
Instead of using this class: .header__image img i used this .brxe-logo img
This works for me.
Kind regards René
Stephen Walker
Thanks. This depends on what styles you have assigned, but the concept is the same. Glad you were able to make it work.