Different logo on mobile screens - kary4/divituts GitHub Wiki
Please add the following script to the wp-admin>divi>theme options>Integration>Add code to the < head > of your blog option:
<script>
jQuery( document ).ready(function() {
function replace_logo_small_screens () {
if (jQuery(this).width()<1024) {
jQuery('#logo').attr('src','#MOBILE_IMAGE_VERSION');
} else {
jQuery('#logo').attr('src','#DESKTOP_IMAGE_VERSION');
}
}
replace_logo_small_screens ();
jQuery(window).resize(function(){
replace_logo_small_screens ();
});
});
</script>
In the code above replace the #SMALLER IMAGE VERSION and #DESKTOP_IMAGE_VERSION with image urls that you can copy in under wp-admin>media library.