Resize the ad in mobile

Community Forums Forums Design Tips and Tricks Resize the ad in mobile

This topic is: resolved

Tagged: , , ,

This topic contains 7 replies, has 2 voices, and was last updated by  G.Ashwinkumar 3 months, 2 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #107752

    G.Ashwinkumar
    Member
    Post count: 22

    Well guys i am using the Magazine Pro Theme running on the Genesis Framework. My site is http://www.booktips.in If you see it in the mobile the adf.ly ad in the top is not properly resized and its making the site looks akward in a mobile. The desktop version has no problems. Now what should i do to make it resize properly according to the device? That is make the adf.ly ad resize properly?

    http://www.booktips.in
    #107761

    emasai
    Participant
    Post count: 669

    The width is hardcoded inline so your ad will not shrink. Read this article, it might help
    http://coolestguidesontheplanet.com/responsively-removing-width-and-height-attributes-in-images-on-wordpress/


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    #107829

    G.Ashwinkumar
    Member
    Post count: 22

    Hi, thanks for your reply. I just read that article. And one thing my theme is already a responsive theme and it scales good except the few ad lines which i put up with the Adrotate plugin. So should i use this to solve my problem? $(‘.myspecificclass img’).each(function()
    But i have one doubt. How do find the name of the image of my ad?

    #107837

    emasai
    Participant
    Post count: 669

    You need to get a Web Inspector (for Chrome or Safari) or Firebug for Firefox to see the code. That will help you pinpoint any items. The link to the file is http://cdn.ay.gy/images/banners/adfly.728×90.2.gif


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    #107842

    G.Ashwinkumar
    Member
    Post count: 22

    Well i just forgot one thing. That ad you see is not actually only one picture. It is actually two. When a visitor views the website at once instance he will see only one image but when reloaded he may see another this feature was provided by adrotate so using $(‘.myspecificclass img’).each(function() i have to put both the images right like $(‘.http://cdn.ay.gy/images/banners/adfly.728×90.2.gif’).each(function() and $(‘.http://cdn.ay.gy/images/banners/adfly.728×90.1.gif’).each(function() correct? And also how do i access header.php of my theme?

    • This reply was modified 3 months, 4 weeks ago by  G.Ashwinkumar.
    • This reply was modified 3 months, 4 weeks ago by  G.Ashwinkumar.
    #107849

    emasai
    Participant
    Post count: 669

    That is the link to the images, the name of your image is the part immediately preceding .gif. You can place the script by going to Genesis – Theme Settings – Header and Footer Scripts.


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    #108026

    G.Ashwinkumar
    Member
    Post count: 22

    SO i put these
    1) $(‘.http://cdn.ay.gy/images/banners/adfly.728×90.2’).each(function()
    2)$(‘.http://cdn.ay.gy/images/banners/adfly.728×90.1’).each(function()
    in the header and footer scripts in the genesis theme settings. But when i view the site i get this code displayed in the top and the ad is not resized.
    I then tried without http://cdn.ay.gy/images/banners/ in those scripts and even then they get displayed like $(‘.adfly.728×90.2’).each(function() in the top of the page and the ad is not resized.

    #109722

    G.Ashwinkumar
    Member
    Post count: 22

    Well guys i resorted for a simpler solution, just changed the adcode to another link, and now the new one is resizing properly. Maybe it is a problem on their side! Thanks for your help!

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.