Mobile Ads issues

Posted in: Newspaper
Post count: 10

Hi,

I have a little problem with mobile ads which is confusing to me. So, In my header ads show up normaly, everything is ok. But on mobile my ad gets cut off. When I check my page on http://www.responsinator.com/ it works fine. But when I go to my site on my mobile, my ads get cut off… Im using plugin WP PRO Advertising which itself have an option to set diferent sizes for tablet and mobile. Evene when I embend the image which is 375×90 its not responsive. I try whit smaller image but its still the same…

https://drive.google.com/open?id=0B0ZARbR6_Bc8R0hFU2RhMHNvNlk

Post count: 22421

Hi,

Sorry but we can only recommend our own ad system. We have not tested wp pro advertising so I cannot say for sure about it’s functionality.

Thank you!

Post count: 10

OK… But second image from above is embend regulary with your ad system. I dont know why my picture goes to the left? Maybe I could fix this with some CSS customization but on responsinator it says that its ok. I dont know how to move picture to the left?

Post count: 22421

Please provide a link to your site so we can inspect the ads.

Thank you!

Post count: 10
Post count: 22421

Hello,

It gets cut off because of your custom css in the theme panel. You removed the page margins and padding to get the content right next to the ad, but you did not add any responsive rule to your css.
Please move your code (the one you intended to only affect the desktop version) to the advanced css section and apply it to the desktop viewport only so you do not break the responsiveness with the css rules.

Thank you!

Post count: 10

I really did check everything, but I don’t know whats the code…

These are changes in Custom CSS:
/* VIDEO POST */
.td-video-template-bg .td-category a {
background-color: #ff3c36;
}
.td-video-template-bg {
background-color: #000;
}
.td-video-template-bg-small {
background-color: #222;
}

/* POST LIST BLOCK 21 */
.td_block_21 img {
border-radius: 53px;
-webkit-border-radius: 53px;
-moz-border-radius: 53px;
}
.td_block_21.td-column-1 .entry-title {
font-size: 18px;
line-height: 24px;
min-height: 0;
padding-left: 0;
font-weight: 800;
}

/* BIG GRID FULL 1 */
.td_block_big_grid_fl_1 .td_module_mx18:hover .td-module-title a {
color: #ff3c36!important;
}

/* BIG GRID FULL 2 */
.td-big-grid-post .entry-title a {
color: #000;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
background-color: rgba(255,255,255,0.95);
font-size: 39px;
line-height: 50px;
font-weight: 800;
box-shadow: 8px 0 0 rgba(255,255,255,0.95), -8px 0 0 rgba(255,255,255,0.95);
}
.td-big-grids-fl.td-big-grids-margin .td-big-grid-post {
border-width: 0 0px;
}
.td_block_big_grid_fl_2 .td-big-grid-post .td-meta-info-container {
padding: 0 50px 50px;
}
.td_block_big_grid_fl_2 .td_module_mx19:hover .td-module-title a {
color: #ff3c36!important;
}

/* BIG GRID FULL 3 */
.td_block_big_grid_fl_3 .td_module_mx20:hover .td-module-title a {
color: #ff3c36!important;
}
.td_block_big_grid_fl_3 .td-big-grid-post .td-meta-info-container {
padding: 0 50px 50px;
}

/* BIG GRID FULL 8 */
.td_block_big_grid_fl_8 .td_module_mx19:hover .td-module-title a {
color: #ff3c36!important;
}
.td_block_big_grid_fl_8 .td-big-grid-post .td-meta-info-container {
padding: 0 50px 50px;
}
.td_block_big_grid_fl_8 .td_module_mx25:hover .td-module-title a {
color: #ff3c36!important;
}

/* CATEGORY POST */
.td-post-category {
background-color: #ff3c36;
}
.td-grid-style-1 .td-post-category {
background-color: #ff3c36;
}
.td-big-grid-post .td-post-category {
display: inline-block;
margin: 0 0 5px 0;
padding: 10px 10px;
line-height: 13px;
pointer-events: auto;
box-shadow: 8px 0 0 #ff3c36, -8px 0 0 #ff3c36;
}
.td-category a {
display: inline-block;
margin: 0 0 -6px 0;
padding: 10px 10px;
line-height: 13px;
pointer-events: auto;
box-shadow: 8px 0 0 #ff3c36, -8px 0 0 #ff3c36;
}
.td-category a {
color: #fff;
background-color: #ff3c36;
white-space: nowrap;
}
/* POST NASLOV STIL 3 */
.td-post-template-3 .td-post-header .entry-title {
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
background-color: rgba(255,255,255,0.95);
box-shadow: 8px 0 0 rgba(255,255,255,0.95), -8px 0 0 rgba(255,255,255,0.95);
display: inline;
padding: 10px 10px 5px 0px;
color: #000;
}
/* POST NASLOV STIL 7 */
.td-post-template-7 .td-post-header .entry-title {
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
background-color: rgba(255,255,255,0.95);
box-shadow: 8px 0 0 rgba(255,255,255,0.95), -8px 0 0 rgba(255,255,255,0.95);
display: inline;
padding: 10px 10px 10px 0px;
color: #000;
}
.td-post-template-7 .td-post-header .entry-title {
line-height: 80px;
}
/* BOX QUOTE */
.td-post-content .td_quote_box {
background-color: #fff;
border-left: 10px solid #ff3c36;
padding: 15px 23px 0 23px;
position: relative;
top: 6px;
clear: both;
}
.footer-text-wrap .footer-email-wrap {
padding: 10px 0;
}
.td_module_1 {
padding-bottom: 10px;
padding-top: 30px;
}
.td-footer-bottom-full .block-title {
margin-bottom: 10px;
}
.td-post-content .dropcap3 {
background-color: transparent !important;
color: #333;
font-weight: bold;
font-size: 117px;
line-height: 107px;
margin: 0px 10px 0 0px;
padding: 0 13px 0 0;
}
.td-post-content .dropcap {
float: left;
display: block;
font-size: 90px;
line-height: 55px;
background-color: #fff;
color: #ff3c36;
text-align: center;
margin: 7px 20px 10px 0;
padding: 28px 33px 25px 33px;
font-family: Roboto;
text-transform: uppercase;
min-width: 62px;
min-height: 62px;
border: 1px solid #ff3c36;
font-weight: 600;
}

Post count: 22421

Hello,

Please remove all of your custom css (create a back-up beforehand) as there are many rules in there that could affect the page layout. Then test the site without the custom code.
Also check your ad to see if it’s responsive or not. If your ad is not responsive, then it can also create problems. Please use this method to implement your ads for other devices: https://forum.tagdiv.com/using-other-ads-non-adsense-ads/

Thank you!

Post count: 10

Eveything is OK, it was my fault. I didnt customized plugins settings well. Now it works really good. Sorry and thank you for your time… Cheers

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