Different versions of the advertising between desktop and mobile

Posted in: Newspaper
Post count: 12

hi, I just renewed the support because I’m wasting a lot of time for changes. I’m not a technician.
I use header style 9 | top bar style 1 | Footer style 8
I have a big list of changes and issue to solve …. ehehe so I start with this.

This is my css – I put in so You can check any issue

.td-a-rec-id-sidebar > div{
margin-bottom: 5px!important;
}

.td-main-page-wrap {
padding-top: 24px;
}
.td-all-devices{
margin-bottom:5px!important;
}
.td-ad-background-link {
cursor: pointer; cursor: hand;
}
.td-social-google, .td-social-pinterest, .td-social-facebook, .td-social-twitter{
display:none!important;
}

.td_block_related_posts .td-related-right {
display:none!important;
}

.category .td-page-title{
display:none!important;
}

/*.sf-menu{
margin-left: auto;
margin-right: auto;
display: table;
}*/

.entry-title, .td-module-title {
text-align: left;
}

.td-module-meta-info {
text-align: left !important;
}

.td-excerpt {
text-align: left !important;
}

.home .td-header-rec-wrap {
display:none;
}

table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;

}

th, td {
text-align: left;
padding: 9px;
}

tr:nth-child(even) {
background-color: #f2f2f2
}
.intestazione {
color: white;
background: black;
}

.page-id-12658 .td-header-wrap, .page-id-12658 .td-footer-wrapper, .page-id-12658 .td-sub-footer-container {
display:none !important;
}

I would like to know if it’s possible display different version ads (for desktop and for mobile).

I try with this code
<div class=”td-all-mobile” style=”padding:0px”> I have a revolution slider inside </div>
<div class=”td-all-desktop” style=”padding:0px”> I have a revolution slider inside </div>
but don’t work.

I’ll wait for your answers. Probably You need more info…?

Thank a lot for your help.

Post count: 12

Hi, I saw a mistake in my post.
The code I’d try its:

<div class=”td-visible-phone” style=”padding:0px”> I have a revolution slider inside </div>
<div class=”td-visible-desktop” style=”padding:0px”> I have a revolution slider inside </div>

Post count: 20688

Hi,

So you mean in the header? If you use the mobile theme plugin, this has it’s own header ad spot – http://prntscr.com/n7gbp4

If you don’t use the mobile theme it will be possible if you use a cloud header template
https://cloud.tagdiv.com/#/load/All
These headers can be customized, you can build the desktop header and the menu header
Desktop – http://prntscr.com/n7ge7u
Mobile – http://prntscr.com/n7ged6
So you can place an ad box element in desktop with the ad you want, and another ad box with a different ad in the mobile version.
https://tagdiv.com/newspaper-theme-customize-the-header-manager/
https://tagdiv.com/mobile-header-newspaper-theme/

Let me know if you have more questions.
Thanks

Post count: 12

Hi Simion,
I wish use mobile theme plug in but when I tried ti install plugin an error windows appear. This is the message
PLUGINS DISABLED AUTOMATICALLY

The following plugins were disabled because they are incompatible with this version of Newspaper:

tagDiv Mobile Theme
For update please check our Plugins update guide

I use Newspaper – Theme panel version: 9.2.2
Do I need upgrade every plugin? I can do it by ftp?

thanks

Post count: 20688

Hi,

That must mean that you currently have/or installed a mobile theme plugin that is from a different theme version.

If you use 9.2.2 check in the theme package you have downloaded at the time and install the plugin found there, it is located in the plugins folder
https://forum.tagdiv.com/whats-included/

After each theme update, all theme plugins have to be updated. In theme version 9.6.1 (latest) most theme plugins can be updated in the plugins panel
http://prntscr.com/n7rte7
There will be update buttons for the ones that do not update automatically.

Post count: 12

Hi, actually I work on Newspaper – Theme panel version: 9.2.2. It’s ok for me at the moment.

Now I need to know how solve this issue:

In home page phone I need to have control about space between ads.
In advanced css I insert this code in phones field and work fine

.td-a-rec-id-sidebar > div{
margin-bottom: 10px!important;
}

You have a similar code for have control about space between ads in homepage.

tnk

Post count: 35449

Hi,

You can try with .td-all-devices class if this is not working please provide me a link were I can inspect those ads and I will provide you the right class.

Thank you for your understanding.

Post count: 12

Hi Calin,
please check it with phone
https://www.ilcittadinopescia.it

How can I reduce space between ads in homepage only for phone version?

please complete the code .td-all-devices because I’m not a technician.

Please I have insert my expert code in previous post: there could be a conflict? Because a Insert the code in this way

.td-all-devices {
padding-top: 5px;
}

Thank you

Post count: 35449

Hi,

Try this custom css:
.home .td_block_text_with_title,
.home .td_block_text_with_title p {
margin-bottom: 0px!important;

}
.home .td_block_text_with_title p{
line-height: 0 0!important;
}

Set the coed in Newspaper>theme panel>Custom code>Advance section phones

Thank you!

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