Change Logo Size on Mobile

|

If you need to change the size of your Divi theme header logo on mobile, here's how to do it for some of Divi's header formats.

Change Mobile Logo Size (Centered Header)

For the "Centered" format, you can change the size of the logo on mobile with the following CSS:

@media only screen and (max-width:980px) {
	.et_header_style_centered #logo,
	.et_header_style_centered .logo_container {
		height: 100px !important;
		max-height: 100px !important;
    }
}

Change Mobile Logo Size (Centered Inline Logo Header)

For the "Centered Inline Logo" format, you can change the size of the logo on mobile with the following CSS:

@media only screen and (max-width:980px) {
	.et_header_style_split #logo,
	.et_header_style_split .logo_container {
		height: 100px !important;
		max-height: 100px !important;
    }
}

This post may contain referral links which may earn a commission for this site

Divi Booster

Hundreds of new features for Divi
in one easy-to-use plugin

0 Comments

Submit a Comment

Your email address will not be published.