Can we make logo a percentage instead of fixed size?

[coolemail2]

We have uploaded a logo to a website http://wester01.co.uk.92-63-130-172.c1-domains.net/
It looks great on the computer but on an iphone it is a fixed width so is not contracting accordingly.
I'm sure it is possible to do that but cannot find anywhere that I can make it a percentage instead of a pixel size.
Many thanks, in advance, as ever for any help.

 

[dave-ha]

The style of images on mobile devices is defined by WPB's default CSS file (/css/style.css):

/* Text */
.mobile-view .widget-text img {
	height: auto;
	max-width: 100%;
	width: auto;
}

Hence, you could achieve the resizing by putting some code into the meta tags field of WPB's advanced settings. It will overwrite the definitions of the CSS file, but for the header image only:

<style type="text/css">
<!--
.mobile-view .widget-header img {
	width: 50%;
	height: 50%;
}
-->
</style>

 

[SallyBond]

Thanks for this tip. I have found it very useful.

 

[coolemail2]

Thank you dave-ha, as ever.