css logo shrink code example

Example: css logo shrink

/*--SHRINKING LOGO--*/
/*--New class when sticky is turned on 'elementor-sticky--effects'--*/
/*--give the logo image a class called 'sticky-logo' --*/

.elementor-sticky--effects .sticky-logo img {
	width: 120px!important;/*--edit the pixels to change to desired shrinking size--*/
}

.sticky-logo img {
	transition: .5s all ease-in-out;
}


@media screen and (max-width: 767px) {
    .elementor-sticky--effects .sticky-logo img {
	width: 90px!important;/*--edit the pixels to change to desired shrinking size for mobile--*/
}
}

Tags:

Css Example