CSS: css logo shrink Example

By

CSS Example: This is the "css logo shrink" Example. compiled from many sources on the internet by SimpleTutorials.org

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



* Summary: This "css logo shrink" CSS Example is compiled from the internet. If you have any questions, please leave a comment. Thank you!

Others