Greetings, we are using the tagdiv mobile theme plugin, and when we view the posts on a mobile, it does not show any black space on the left and right of the content, and it covers the whole screen. Ideally there should be an indent on the left and right. Please view http://www.photographycourse.net on a mobile to find out the issue. This is not happening with the pages. It’s only with the posts. How can we fix this?
Hello !
That is because you’re using WP Bakery. Please add this custom css code: .single .td-post-content .vc_row {
margin-left: auto;
margin-right: auto;
}
In here: https://www.screencast.com/t/6Ppnv2F2lz
Thank you !
Hi Vlad,
That was a quick fix. Thank you so much for identifying the issue! Do you recommend using a different editor than WP Bakery?
Also, I see that the posts alignment / border spacing issue is fixed for the posts, but the Google ads are not aligning well with the content. Is it because we are inserting the code with the AdBox element? Or may be we need to add the border spacing instructions to the Ad script? You can have a look at http://www.photographycourse.net on a mobile device.
Please let us know and thank you for your great help!
Additional Information: The default Ads for mobile device that are setup through the theme appear well aligned with the content (for example: the header and footer Ad), however the ones we have added within the content using the editor do not appear to align with the content.
Hello !
Please provide a link to a post where the ads are not centered so we can inspect.
Thank you !
Hi Vlad,
It seems like this problem exists (on mobile display) with all of the posts that we have. Here is an example: https://photographycourse.net/what-is-editorial-photography/
Please let us know your thoughts. Thanks!
Hello !
This has to be changed from your adsense account as you can see here: https://prnt.sc/nc11h0
Check the Don’t optimize feature in order to display the ads correctly.
Thank you !
Hi Vlad,
We have placed a check on “don’t optimize”, but the position of Ads did not change. I cleared the website and browser cache to make sure, but it did not work.
Please let us know your thoughts.
Thanks!
Hello !
Please use this code: .td-post-content .wpb_content_element .adsbygoogle {
margin-left: -15px!important;
}
The code must be inserted in here: https://www.screencast.com/t/3zYzY4sLdum
Thank you !
