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!

 


			
			
About the Author:
http://www.qwodtech.com
Brad Gardner is the owner of Qwodtech, llc and loves helping small to medium size business grow their bottom lines with a mix of online strategies. Born in upstate NY he moved to Wilmington to finish undergrad at UNCW and enjoys bicycling, music and is undeniably addicted to a quality cup of coffee.