Take a look here at what Google recommends for setting up Adsense in a responsive theme. Maybe that will help?

https://support.google.com/adsense/answer/3213689?hl=en

I’ve done everything properly according to Google and already use responsive Google ads within my website theme separate from SP.

I believe it is an issue with SP as the only ads that are not responsive are those that I implemented through SP theme template files.

dont really see it as simple press… the vast majority of your ads (lol, and its a lot per page) are showing responsive…  I only see one that is not and its a bit different… it gets inserted as an iframe with an explicit width from google….  since it in a inframe, neither the wp theme or the sp theme can give it css to control its responsiveness…  is that one ad launched differently?

The header and footer ads are implemented through my WordPress theme.

The Google ads are all the same ad unit, but implemented through SP theme templates and that ad shows up a few times between each group. This is the ad that is not working in a responsive manner, though Google says it should based on the way it is implemented.

How can they possibly be ‘responsive’? They are – as Mr Papa has already pointed out – creating an iFrame with a pre-set width of 728 pixels defined within the iFrame tag. This seems to be the case regardless of the display width of the device.

So – it simply means that the code you have used is not responding to the available width.  Which means it is not responsive.

And because the iFrame with is defined in the iFrame tag nothing is going to change that.

looks like you are using jarida, great theme, from my experience it just doesn’t look good on mobile, one thing I noticed was your main site is showing desktop and forums is showing mobile view on my galaxy s5, not sure if you have it set up like that or it’s a caching issue, the best way I have found to use adsense for mobile with the forum, is to not use responsive ads, you never know what’s going to be served, a huge 300×250 ad just doesn’t look good in the header on a mobile view imo.

your only option is probably going to be to specify a smaller mobile ad for the unified theme, with Jarida, it is going have to be relatively small because of how narrow the theme is on mobile and tablet view

you can look through my user ID on tielabs support forums to see all the issues I had with jarida,

http://support.tielabs.com/forums/users/kvr28

there is a lot of tweaking needed with it to tie in well with SP, another one I can point out to you is a zindex issue with the log in on mobile, you can see the same on your forum

responsive video display is another big issue with Jarida on the forum, it took me awhile to get that figured out

This is not a knock on Jarida, it’s has a lot of positives and we used them for a long time,  it just doesn’t tie in well with forum and mobile displays, I had to add a lot of custom css to make the forum look good

that’s what I have found with themes, they either look great on the blog side and look horrible with the forum, or vice versa, very few do both really well

we ended up going with newsmag, it looks great on mobile, tablet, and desktop and the forum fits and looks perfect, you can see it here if you want on mobile, I don’t have ads enabled on it right now, I was a bad forum admin and didn’t listen to MP and Yellow and create a custom version of unified, so I lost my ads when it updated, just haven’t gotten back around to putting them back, after I create a custom theme of course

http://thehomesteadingboards.com/forums/

if you decide to stick with Jarida, let me know and I’ll fire it up on my staging server and pull all my custom css off it to give you a good direction to go in as far as modifying to look better

sorry for the ramble, just wanted to give my 2 cents

thanks for the input…

kvr,

Thanks for the awesome detailed response.

The forum and theme are great on all browsers (desktop) and on my iPad.

I’m having a boatload of troubles with the mobile version. With Jarida, I have turned off responsiveness for mobile and tablet, but the issue I have then is that I can’t click through to the forums. So I see my forum index, but when you tap on a forum, it just bounces and doesn’t go anywhere.

If there is a way to fix this I’d be more than satisfied….maybe a way to stop the forum from being responsive?

Please let me know.

Thanks

stop the forum from being responsive?  just select a non responsive forum theme…  basically any but Unified…  you would want to set that theme as the phone theme and possibly the tablet theme…

I just was on your forum and was able to navigate pretty easily, what browser are you using? you mention iphone, is it safari? if so, download mercury and make a post recommending all your users download it, safari is really poor on mobile, you will find a lot of issues with it, such as not being able to upload pictures with it,

I uploaded jardia to my staging server, here is the custom css that I had added

these to the global

.ui-dialog { z-index: 1; }

.widget-top{padding-bottom: 5px ; border-bottom: 4px solid #014f28;}

.logo img{ max-width: 100%;}

header#theme-header {z-index: 1;}

header#theme-header {
margin: 0px auto 0px;
}
#main-content {
margin: 0px auto 25px;
}

#spMainContainer .spPostContent iframe {
    max-width:100%;
    width: 640px;
    height: 360px;
}

blockquote:before {content: ‘275d’; color: #555; font-size: 15px; width: 15px; height: 15px; line-height: 15px; margin-left: -70px; margin-top: 10px; float:left; }

and this to to wide phone and phone css, this will fix the issue with the login pop up

#spMainContainer #spMarkRead:target,
    #spMainContainer #spLoginForm:target,
    #spMainContainer #spSearchForm:target {
        top: 0px;
        width: 99.5%;
        height: auto;
        margin: 0 3px 5px 0;
        z-index: 9999;
        position: absolute;
        display: block;
    }

if you want to make the site full width on mobile, follow alaa’s directions that he gave me here, it works, but it kicks off a little to the right and the pics on the blog get stretched a little

http://support.tielabs.com/forums/topic/is-there-any-way-to-make-mobile-full-screen

if you have any specific questions, shoot me a pm and I’ll help with what I can

Mr. Papa, I appreciate all the help, but If you visit my forum right now on an iPhone (if you can), you will see what I mean by the issue I am having. I’m happy to not have the forum be responsive (as it is now), but try tapping on the “What’s In The Bag” forum and see how it jumps but doesn’t go anywhere.

I really need this issue fixed.

It doesn’t do it if you tap on Help & Support for example.

Do you know why this would be the case?

I just checked with my ipad and my daughters iphone and had no issues navigating, have you tried clearing browser cache? I even navigated with safari on both

kvr,

I just switched my theme back to unified. All works well on unified except for the login. When home I will try to change the code as you state above to so if it solves the problem.

I really appreciate all the help!

if you add that code to your phone css, it should fix it, Mr Papa helped me with that one