Mobile Banner Position

Posted in: Newspaper
Post count: 364

Hi, since we changed our website to header style 3, our ads on mobile show up on a different position. The ad is now above the logo, before it was below. Screenshot here: https://www.dropbox.com/s/wo7ori90yr5rgtb/Logo%20over%20mobile.JPG?dl=0
How can we change the position back to below the logo while keeping header style 3?

Post count: 7909

Hi,

You can use do_shortcode function and place a custom ad bellow the menu in header style 3 template file – http://screencast.com/t/O9jUnYRO

<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');?>

And control the ad visibility from Theme Panel > Ads. Disable header ad for phone devices and the custom ad for the other devices – http://screencast.com/t/JMLmIWxTyJRhttp://screencast.com/t/CvWqdTeMuFQf Or use the specific div containers for non-adsense code – https://forum.tagdiv.com/using-other-ads-non-adsense-ads/

Thanks!

Post count: 364

Hi Alin,

Thanks for your reply, I was so fixed to use the “header ad spot” that I didn’t think of an custom ad.
How can I make the new ad centered? I tried something like:
`.td-a-rec-id-custom_ad_7 > div {
text-align: center;
display: table;
margin-left: auto;
margin-right: auto;
position: relative;
}
to style.css around line 24200 but it seems to be not working.
Best, Loano

Post count: 364

Found the solution,

@media (max-width: 767px) {
.td-g-rec-id-custom_ad_7,
.td-a-rec-id-custom_ad_7 {
float: none;
text-align: center;
}
}

seams to work. But what is the difference between “.td-g-rec” and “.td-a-rec”?

Post count: 22421

Hi,

The main difference is google. If it;s a google ad it will be td-g-rec if it’s any other ad except google it will be td-a-rec

Thanks.

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.