New advert on different systems

Hi,

I have added a new advertisement to the left and right of the site. However, in some systems is shows behind the text, on some far apart.
examples

https://s15.postimg.org/bchoqx12j/Capture.jpg

https://s10.postimg.org/sadasywy1/desktop.png

https://s16.postimg.org/dejbhcflx/IMG_1356.png

I need to somehow define it to appear to the left and right of the home page like this – https://s4.postimg.org/rp8zbn20t/ideal.png

Regards,
Nigel

Hi

I’ve checked your site but the indicated ads are not there now. I need to inspect the ads directly on the site, otherwise I can’t provide a solution. Try to re-add the code which generate those ads and let em know when I can inspect the site again.

Thanks!

Hi,

I have readded the code as requested.

Can you kindly make sure this is resolved in a few hours? My newsletter is due in another 5 hours time. Once that goes out I will register a ton of traffic, and I really don’t want them to see a not so perfect version of my site.

Thanks and regards,
Nigel

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/4Tzf5PBp7jvJ It will re-arrange the ads according with screen’s width.

@media(min-width: 1320px) and (max-width: 1500px){
.right{
right: 0px!important;
}
.left{
left: 0!important
}
}
@media(min-width: 1250px) and (max-width: 1400px){
.right{
max-width: 130px;
right: 0px!important;
}
.left{
max-width: 130px;
left: 0px!important;
}
}
@media(max-width: 1290px){
.left, .right{
display: none!important;
}
}

However on screens smaller then 1290px the ads will be hidden because there is no space for them, and if they are visible will be pushed under page’s content.
Hope this helps.
Thanks!