Responsive Issues

Hello TagDiv,

I’ve noticed that my site does not optimise well when it is in tablet mode.
The sidebar becomes constrained and this can affect adverts too.

Please refer to my original support e-mail that contains my login details etc.

Thank you.

Hi

I’ve checked your site on tabled and it’s displayed fine on my side: http://screencast.com/t/x0sEj45kwn – http://screencast.com/t/PLaRgXIO
If you still have this issue please provide more specific details about it so I can inspect it closer and get back to you with a more accurate answer.

Thanks!

Hi Andrei,

Thanks for looking.

Which device did you use to check? As you can see, in the first screenshot the advert which is a 300×250 is constrained inside the sidebar (the one that says THINO).

The theme is failing to resize it accurately. If that was a Google AdSense advert, it would be against their policies as it is not being shown correctly.

Also, if you scroll down the page you can see how the post on Block 7 is being overwritten onto the sidebar.

I am using an iPad Mini.
Please let me know if you can see the issue?

Thanks,

Hi

Technically speaking the sidebar ad is displayed fine on your site on tablet as the theme don’t ad any margins for it. I’ve test this on my side and got the same result on iPas mini: http://screencast.com/t/zzV0ceJaimB5
However you can add a margin for the ad using this css in theme panel > custom code > custom css: http://screencast.com/t/MRUyX9g4y7S

@media (max-width: 1023px) and (min-width: 768px) {
.home .td-a-rec-id-sidebar, .td-a-rec-id-custom_ad_2 {
margin-left: 10px;
margin-right: 10px;
}
}

I’ve targeted only the ads from your homepage but if you want this css to work on other pages and on other ad-spots then you’ll need to adjust the css selectors.

To fix this link try this: http://screencast.com/t/s8se9C86

body{
word-break: break-word
}

Thanks!