Custom Logo size not responsive

I have placed a Custom logo on this site

http://smartartshosting.com.au/ballinavet

it is 352 x 103px -

Unlike all other images it does not re-size when the site is viewed on a phone

is there any way to ensure the logo will shrink to fit the screen size?

 

Hi smarta!

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.logo a img {
width: 90% !important;
}

Thanks,
Praveen

 

works pefectly - thanks !

 

You are most welcome!

Always feel free to ask your queries.

Have a Nice day

Thanks & Regards !
Ankur Jain

 

ok - this is probably not strictly "theme related" but I'll ask here anyway

I have a Third Footer Widget on this site
http://suryabodycare.com.au/

it calls an image that links to an external cart - the code is
<p><a href="http://ntphealthproducts.com.au/cart/Surya-Brasil-Products/"><img src="http://suryabodycare.com.au/wp-content/uploads/2015/02/Surya-SHOP-NOW.jpg" border="0" /></a></p>

however it is not responsive if the window is smaller (eg on a laptop)- it gives an overlap with the Forth Footer Widget

is there a way , with the html code, or with CSS to make this image resize to suit?

 

Hi,

Kindly put the below given code in

Go to the Appearance > Theme Options >Styling option > Custom CSS

Code:

.textwidget p a img {
width: 100% !important;
}

Regards,
Sameer

 

brilliant !