Select Page

This is customization for the Divi WordPress theme. For more customizations, click here: Divi Theme Customizations

Use this code when you want to show a separate logo on mobile than the logo shown on desktop. This is set for devices 481 pixels wide and less, and you can change that setting by changing the value.

/*Different logo on mobile*/
 @media only screen and (max-width: 481px) {
 .et_show_nav #logo {
 content: url('put_image_url_here') !important;
 }
 header#main-header {
 padding-top: 0px !important;
 }
 }