Community Forums › Forums › Archived Forums › Design Tips and Tricks › Resize the ad in mobile
- This topic has 7 replies, 2 voices, and was last updated 9 years, 10 months ago by G.Ashwinkumar.
-
AuthorPosts
-
June 1, 2014 at 10:50 am #107752G.AshwinkumarMember
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.inJune 1, 2014 at 11:33 am #107761emasaiParticipantThe 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.comJune 2, 2014 at 9:33 am #107829G.AshwinkumarMemberHi, 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?June 2, 2014 at 9:39 am #107837emasaiParticipantYou 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.728x90.2.gif
Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.comJune 2, 2014 at 9:54 am #107842G.AshwinkumarMemberWell 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?
June 2, 2014 at 10:51 am #107849emasaiParticipantThat 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.comJune 3, 2014 at 7:31 pm #108026G.AshwinkumarMemberSO 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.June 14, 2014 at 9:23 am #109722G.AshwinkumarMemberWell 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!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.