Archive for September, 2016

Adjusting the Header Logo Size in Divi 3.0

This actually took me some digging to find the solution to.

If using a child theme, add this code and make sure to use the !important notation.

.et_header_style_left .logo_container {
position: relative;
width: 40% !important;
}

.et_header_style_left .et-fixed-header .logo_container {
width: 28% !important;
}

Note: The second CSS entry is for when you scroll down and the logo gets smaller.

Adjust the % accordingly to your size preferences.  Also, you may want to add media queries to adjust the logo on different screen sizes.  Hope this helps!