It looks like the plugin or script you’re using to display ads on your site is adding markup and CSS that conflicts with WPtouch’s layout. You can add custom styles to correct the problem via the Custom Code field in WPtouch.
hi dev just founnd something like bug in the style.css. The ads problem never ends when i use ad in this way:
<div style="float:left;margin:10px 10px 10px;">
/* Ads Code */
</div>
The above like code is used by most of plugins(can be float left, right with varying margin and using that code for ads always give a problem in viewing the paragraph after the ad because the ads took the place of post and the post was hidden in the right(unable to scroll too), i know you have seen how it looks. I have found something in the css code of the Bauhaus theme which is root of problem:
on line 577 of style.css you have something like this:
.post-page-content > p, .post-page-content > div > p {
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
the overflow: hidden is making the post hidden to the right and since padding in the right and left is used for each separate paragraphs, so if i add a ad which is not in paragraph, its not going too work for ad and ad will begin from the very edge of screen.
So what i did is changed overflow hidden to visible and removed the padding left and right from above code.. now the problem comes to padding, because now text will start from edge and end in edge so i have added the padding-left and padding-right in .post-page-content and now the padding is too corrected and ads are visible as it should be in pc and mobile both. So, my final code seems to be something like this:
In line 577:
.post-page-content > p, .post-page-content > div > p {
overflow: visible;
}
And in Line 537:
.post-page-content {
color: rgba(0,0,0,.7);
font-size: 100%;
line-height: 165%;
padding-bottom: 50px;
overflow: hidden;
padding-left: 20px;
padding-right: 20px;
}
I think this should be included in future WPtouch updates..
