Search Results for 'mobile'

Hi,

1. Please use this css to hide the widgetised sidebar on mobiles:

@media (max-width: 767px) {
.wpb_widgetised_column {
display: none;
}
}

2. I have noticed that you use the text widget to add your ads. Please use our widget or VC ad box element: http://screencast.com/t/gTiyQnewr

3. Unfortunately the theme doesn’t have an option for that but you can add it manually or try to find a plugin for that.

Thanks

Hi,

I’m not sure how you could do this as the theme loads the same content as on desktop on mobiles screens also and you can turn that off and using an mobile theme/application will just load the page content for example which will lead you into this issue: https://forum.tagdiv.com/how-to-manage-the-mobile-theme/
Based on this I’m not sure how you can achieve this, you could use js to detect mobile screens and load different content or a plugin that work this way.
We plan to add an option for this in future updates and we are still searching for the best implementation for this so we can’t offer you any answer on this at this moment.
Sorry for the inconvenience!

Thanks for your message and for understating!

Hi,

I tested this myself and I haven’t found any issues with quotes on mobile screens: http://screencast.com/t/QNo42lHQ8Ea
You can also check this on our demo: http://demo.tagdiv.com/newsmag/td-post-the-oriental-experience-chew-pan-asia-cafe/
Please make sure you have the theme latest version(1.4) and you can also test this without any plugins active and empty cache. Let me know if this still happens and provide a link so I can inspect this.

Thanks!

Hi,

Please use these divs to show ads on tablet and mobile also, just add the image src for each device in the divs below:

<div class="td-visible-desktop">
<a href="#"><img src="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/ads-728.jpg" /></a>
</div>
<div class="td-visible-tablet-l">
<a href="#"><img src="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/ads-468.jpg" /></a>
</div>
<div class="td-visible-tablet-tp">
<a href="#"><img src="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/ads-468.jpg" /></a>
</div>
<div class="td-visible-phone">
<a href="#"><img src="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/ads-300.jpg" /></a>
</div>

You can find more info on our documentation: https://forum.tagdiv.com/ads/

Thanks!

• This reply was modified 11 years by Alin [tagDiv].
• This reply was modified 11 years by Lucian.
• This reply was modified 11 years by Lucian.

Hi,

To remove the more stories box from mobiles you can sue this custom css in theme panel > custom css filed:

@media (max-width: 767px) {
.td-more-articles-box{
display:none;
}
}

Thanks

Hi,

You can also set your sidebar like this: http://screencast.com/t/kyIPcX9y8 just set and add your page content on the left then use the layout I’ve pointed in the screenshot and using a widgetised VC element add your sidebar.

For the ads you need to use the div’s mentioned into the ads guide: http://screencast.com/t/BJ2EAWEu and set a banner for each screen width (mobile/tablet/desktop): https://forum.tagdiv.com/ads-system-full-guide/

Regarding the inline ads please note that I have also tested this and haven’t found any issues:
config: http://screencast.com/t/KjSpwbaLB
result: http://screencast.com/t/gcvA3Y7ouM

Please make sure that you use this right and also try it without any plugins active.

Thanks

Hi,

You can also set the sidebar for the page as well from page template settings section: http://screencast.com/t/29IKb73Cj7rV
To remove the more stories box from mobiles you can sue this custom css in theme panel > custom css filed:

@media (max-width: 767px) {
.td-more-articles-box{
display:none;
}
}

To hide the sidebar you can use this custom css:

@media (max-width: 767px) {
.td-main-sidebar {
display: none !important;
}
}

Regarding ads please note that those ad switches are for adsense ads only so if you are using other type of ads will not work. Please send your site’s URL so I can also inspect this.

Thanks

• This reply was modified 11 years by Lucian.

Hi,

Theme was designed to not show top menu on mobile view and there is no option for this.
Please use this custom css: http://screencast.com/t/BYx45vKqIg

@media (max-width: 767px){
.td-header-menu-wrap {
display: block;
font-size: 11px;
}
.top-header-menu, .td-header-menu-wrap .menu-post-and-page-settings-container .menu {
margin-left: 0px;
}
.top-header-menu li a, .td-header-menu-wrap .menu-post-and-page-settings-container .menu li a {
padding: 0px 2px 0px 2px;
}
}

Thanks!

• This reply was modified 11 years by Alin [tagDiv].
• This reply was modified 11 years by Alin [tagDiv].