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--*/
}
}