Search Results for 'mobile theme'

Hi,

You need to disable the mobile theme: https://forum.tagdiv.com/how-to-manage-the-mobile-theme/

Thanks

Hi,

The logo issue you have is because you use a large logo img and which on mobile screens id set to a 180px width and behaves as in your case.
You can adjust it and make it look better via css, like this: http://screencast.com/t/vrjChmttUD67
You also need to remove or change the header color, use the css below and set the color as you like. It will have to be different form blue because the logo is also blue and different from white because the menu icon and search icon are also white.
You can also set the menu color to black from theme panel: http://screencast.com/t/nUvQUIFd

@media (max-width: 767px) {
.td-boxed-layout .td-menu-placeholder .td-menu-background .td-menu-wrap {
background: red !important;
}
.header-style-3 .td-logo img {
width: 380px !important;
top: -1px !important;
}
}
@media (max-width: 500px) {
.header-style-3 .td-logo img {
width: 300px !important;
top: 5px !important;
}
#td-top-search {
right: -40px !important;
top: -57px !important;
}
}
@media (max-width: 400px) {
.header-style-3 .td-logo img {
width: 250px !important;
top: 8px !important;
}
}

The itemprop="interactionCount" meta tags are added and used for the comments counter from modules: http://screencast.com/t/MgwNRmvLQLzi
To remove it please comment this line: http://screencast.com/t/3iTGxtlTs

Thanks

Hi,

Thant would be the normal behavior without any css to style the page on mobile screens. The theme doesn’t have an option to turn its responsiveness off and this is not an easy task so I suggest you also get someone to helps you with this and also make a backup of your current theme installation.
Sorry for the inconvenience!

Thanks for understanding!

Hi,

Those VC features haven’t been tested. You can use the advanced css filed from theme panel to add css that applies just the a specific device screen width.
Ex: This will hide the post title from post template 8 on mobile only: http://screencast.com/t/rmzEKl71H
You can use them and built css for the parts sections you don’t want to show on mobiles/tablets/dektop screens and add your css like in the example.
You can also use this VC general setting: http://screencast.com/t/R6d2ES9hWz and set a custom class which you can use to target and hide the sections you don’t want.
Please open anew topic and post you questions in the main forum.

Thanks

Hi,

We didn’t tested this and that’s why we can’t provide you a full guide to disable theme on mobile. We plans in future to create/add an option for this.
The javascript files are located here and I was referring to some functions that’s apply on mobile: http://screencast.com/t/Xc9sHUQrDb

Thanks!

Hi,

@OnlineThemes As Chris stated the @media queries are used to style the content for mobile screen widths. You can edit the thumb’s css file and search for @media (max-width: 767px) and remove them, leaving just the style for tablet which is under @media (min-width: 768px) and (max-width: 1023px): http://screencast.com/t/5pibBDJP33d
I suggest you backup your current theme installation before you alter it so that you can revert back to it if something goes wrong.
Hope this helps!

Thanks

Hi,

One of your custom blocks has float on mobile and the sidebar height goes over it, that’s why the buttons and other elements on that section are not clickable – http://screencast.com/t/HIT1m5j0WvW http://screencast.com/t/FNAsMHcHerQ
Add the following css inside Theme Panel -> Custom CSS:

@media (max-width: 767px){
.ec_product_details_page {
float: none;
}}

Thank you, Emil G.

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,

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 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].

Hi,

1. You have to edit the post template files(depending on the style used loop-single default or 1-5) and add the following code above the title – http://screencast.com/t/JzT8ofAsKpX

render(array('spot_id' => 'custom_ad_1'));?>

Then you need to use custom css to adjust it (add the css inside Theme Panel -> Custom CSS) – http://screencast.com/t/YMdiBRy1

article .td-a-rec-id-custom_ad_1 {
margin-top: 15px;
margin-bottom: 0px;
}

2. Try the following css: – http://screencast.com/t/nb2b9iGqZ0Is

@media(max-width: 767px) {
.header-search-wrap {
display: none;
}
.mobile-logo-wrap img {
right: 0px !important;
left: 0px;
}
}

3. The padding is applied to the entire content – http://screencast.com/t/IgwOnop5
You could try to change the ad container position to relative an move it to the left (0px).

Thank you, Emil G.