Shrinking logo for sticky header

.header__image img { max-width : 100 % ; height : auto ; transition : all 0.5 s ease ; } .scrolling .header__image img { max-width : 30 % ; height : auto ; } CSS

Published 25 Oct 20241 min read

.header__image img {
max-width: 100%;
height: auto;
transition: all 0.5s ease;
}

.scrolling .header__image img {
max-width: 30%;
height: auto;
}

CSS

Keep building

All snippets

CSS Grid Decoration

CSS, at least in Chromium browsers, has a new feature to create lines (rules) between columns and rows.

Outputting the Number of Posts

A simple way to output the numer of posts in a given post type with Etch.

Adding Icons to the Menu Manager

Use this snippet to add an icon option in the menu manager and the customizer menu manager.

ACSS Color Variables in Etch Collection

Inject your ACSS color variables into the Etch variables collection in the style manager.