Make Banner Ads Responsive

Friends! I am working on adding banner ads to my website, the html that I have added to display banner is on https://jsfiddle.net/1r1kydjz/2/

Copy

try this - https://jsfiddle.net/1r1kydjz/5/

div[data-wrid^=WRID] {
    margin: 0 auto;
    width: 727px;
    max-width:100%!important;
}

div[data-wrid^=WRID]img {
  max-width:100%!important;
}

iframe {
  max-width:100%!important;
}

hope that helps!

Solution 2:

If you know all possible size of your site you can define scale of the banner and then use transform:scale with Media Queries.

Share