How to make ads mobile responsive

Discussion in 'HTML & Website Design' started by TheCooldude, Apr 9, 2013.

0
  1. #1
    Hi,

    Im using mysimpleads adserver on few of my sites to deliver banner ads on my sites.

    see the godaddy banner on top here: techwench.com

    My site is mobile responsive, however the banner is not mobile responsive. can anyone suggest a technique to make the banner as well mobile responsive?


    Thanks
     
    TheCooldude, Apr 9, 2013 IP
  2. Hefaistos

    Hefaistos Active Member

    Messages:
    194
    Likes Received:
    14
    Best Answers:
    9
    Trophy Points:
    63
    Digital Goods:
    1
    #2
    You can aply a width to add image like:

    #i0abbd img {
  width: 51.3%;
  height:auto; /* To shrink also the height based on width */
}
    Code (markup):
    And then use css media queries to resize the add for each browser size.

    Also , every time I've resized my browser window I had a problem with a javascript that stopped working.
    Script: http://www.techwench.com/wp-content/themes/newsroom14/js/jquery.theme.js?ver=1.0:2

    I don't know if there is a issue of your javascript or only my browser gone crazy.
     
    Hefaistos, Apr 9, 2013 IP