How do you make banner ad responsive?
Hi there --
My banner ad used to be responsive but for some reason it no longer is (it looks fine on desktop but doesn't shrink to fit on iPhone). What should I do differently?
This is what I have in the header/subheader "extra" portion:
<a href="http://www.charmcitychocolate.com/" target="_blank"><img class="scale-with-grid" src="http://towsonflyer.com/wp-content/uploads/2016/10/ccc-banner-600-100-border.jpg" alt="" /></a>
and I have custom CSS to make the banner ad larger:
.header-magazine #Top_bar .banner_wrapper { width: 600px !important; }
.header-magazine #Top_bar .banner_wrapper img { max-height: 118px !important; }
Thank you!
towsonflyer.com
Comments
to make the banner responsive, please remove below custom css line:
Remove the custom css line: