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;
}
}Related Post: Adding CSS to the Divi Theme
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;
}
}Related Post: Adding CSS to the Divi Theme
0 Comments