@petegwebmaster: It is not possible to add two logos one for mobile view and one for desktop view. However what you can do is add a logo and a header image. On mobile view you can display the site logo and hide the header image and on desktop view you can display the header image and hide the site logo. This way you can get a square image on mobile view and rectangular image on desktop view.
After adding site logo and header image.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
@media screen and (max-width:991px) {
#header-featured-image {
display:none ;
}
}
@media screen and (min-width:991px) {
#site-logo {
display:none;
}
}
Let me know if this works out for you.
Kind Regards,
Skandha
.
