Skip to content

Change The Size Of Your Logo In The Nav Bar Of Divi Theme

I obviously love Divi Theme by Elegant Themes; this website is built using it. In fact, I try to only use Divi Theme when designing websites for my clients whenever possible. With that being said, you will see a lot of tips and tricks I’ve picked up from other designers and developers posted here for your convenience. Here’s the first one …

The default logo size in located in the navigation bar is kind of small. If you’d like to change the size, you can add the following custom CSS to your Divi child theme, or into your Divi theme ePanel. You should adjust the highlighted image size to your current logo size and tweak it to your liking.


.et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_bg_layout_light .et_pb_newsletter_button, .et_pb_pricing_table_button {
background-color: rgba(255, 255, 255, 0) !important;
color: #82c0c7;
border-color: #82c0c7;

.et_pb_promo_button, .et_pb_newsletter_button, a.et_pb_more_button, .et_pb_pricing_table_button {
background-color: rgba(0, 0, 0, 0);
border: solid 2px;
.et_fixed_nav #logo {
min-height: 125px;
max-height: 125px;
padding: 0 5px;
width: 252px;

AIW2 Blog Post 06.08.15

And voila!