Search Results for 'mobile theme'

The mobile theme displays a simpler version of the website, it comes with it’s own templates. So what is displayed on mobile with the mobile theme active, will be different from what is displayed on desktop, or when the mobile theme is deactivated
– https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/

This theme demo has the mobile theme active, you can check it with a mobile to see how it looks
– https://demo.tagdiv.com/newspaper_local_news/
The AMP + mobile theme result will be similar to that.

There could be problems with the mobile theme when using various caching plugins. We recommend the WP super cache with these settings
– https://tagdiv.com/wp-super-cache-plugin-install-and-configure/
Based on user feedback there might be problems like the mobile theme being displayed on desktop in some cases, caused by caching. For example the total cache can cause this.

Hello !

Please try this custom css for mobile arrows, set the code in Theme Panel > Custom code > Custom css :
.td-mobile-content .td-icon-menu-right {
display: block;
}

It should look like this: https://www.screencast.com/t/KDktDgCNjGaW

Thank you!

Hello !

Sorry for missunderstanding your issue !

You will have to recreate all the content of the page in the mobile editor too. Please take a look at this documentation regarding implementation of mobile theme: https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/ ; https://www.screencast.com/t/Qlt0OyBEosp3

Thank you !

Hi,

From what I can see now you are using the responsive version of the theme -> https://www.screencast.com/t/T7BhJT1etM maybe you have installed the mobile theme plugin and now this is deactivate -> https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/

Thank you!

Hi,

That is not an error, that is how the mobile theme plugin works. When the mobile theme plugin is enabled, you will have to create 2 versions for each page. One for desktop with the composer or in any way possible, and one for mobile with the simple mobile editor (can’t be built with the composer)
– https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/
So you will have to edit the pages and enter content in the mobile editor, it should be at the bottom of the edit page screen – http://prntscr.com/o0abx0
In the mobile editor you can enter text, images, shortcodes should work as well.

If no content is added in the mobile editor for pages, the page will be empty on mobile.

If the mobile theme is not active, the same content from desktop will be displayed on mobile.

Let me know if you have more questions.
Thanks

Hi,

If you want to make 2 columns on mobile for those elements, please use the code below and place it in Theme panel -> Custom CSS area.

@media(max-width:767px){
.vc_grid-item{
width:50%;
float:left!important;
}}

The result is here -> https://www.screencast.com/t/MsKK8akK

Thank you!

From what I can see now the pages are mobile friendly – http://prntscr.com/o47fd4

But the mobile posts and pages are still somewhat slow to load even with the mobile theme activated. The causes for this to happen can be plugins, ads, slow server or hosting. I see the server responds quite slow – http://prntscr.com/o47i20

A code like this will add a margin to the right of the inline left ads
– http://prntscr.com/o3wa5s
It can be entered in the theme panel->custom CSS section (you can modify the the value of the margin if needed)

.td-a-rec-id-content_inlineleft {
margin-right: 15px;
}

Regarding the drop-down arrows on mobile, this is a bug in the theme after the last update. It is a CSS issue that will be solved for the next update. The quick fix is to enter this code in the same location as mentioned above. It will fix it
– http://prntscr.com/o3wf1j

.td-mobile-content .td-icon-menu-right {
display: inline-block;
}

Sorry for this inconvenience.

Let me know if you have more questions.

Hello !

After you de-activate the Mobile Theme you will have to delete your cache. For that we do recommend using WP Super Cache. Find out more here: https://tagdiv.com/wp-super-cache-plugin-install-and-configure/

If you want to use the mobile theme you will have to recreate the content of your page in the Mobile Theme Editor wich can be found under the page editor: https://www.screencast.com/t/2Qb4Jtw5m

Thank you !

Hi,

Sometimes if the website resources like the stylesheet are slow to load, the result may be negative. If the style is not loaded in time when running the test the mobile version will look like this – http://prntscr.com/o3vv4q so it will mention that the menu item links are too close together. But actually when checking with a phone there is no problem.

There is a discussion in this topic – https://forum.tagdiv.com/topic/i-have-two-problems-in-mobile-friendly-test/

A solution to improve the mobile speed of the website is to use the mobile theme plugin. This is a simplified version of the website, it is much faster
– https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/

Thanks

Hi,

The above solution is for inline ads from single posts template, this will work only on responsive version of theme, not on mobile theme.

Thank you!

Hi,

The above solution is for inline ads from single posts template, this will work only on responsive version of theme, not on mobile theme.

Thank you!

Hi,

If you are using the mobile theme plugin, then the sidebar will not longer appear, only the post content and page content set in mobile editor.
Mobile Theme: Automatic Optimization for Mobile with Newspaper Theme -> https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/

Thank you!

Hi,

Please try this custom css for mobile arrows, set the code in Theme Panel>Custom code>Custom css and
.td-mobile-content .td-icon-menu-right {
display: block;
}

Thank you!

I tried it as you say, the desktop version with the composer and the woocommerce shortcode in it like this – http://prntscr.com/o3qq9v
And in the mobile editor – http://prntscr.com/o3qqrk

For me it looks fine in desktop – http://prntscr.com/o3qr4c
And on mobile with the mobile theme active – http://prntscr.com/o3qw04
I then placed an order, seems to work – https://www.screencast.com/t/jJIHiNE5DJrV

I am using the latest theme version and woocommerce 3.6.4.
You could try to delete the theme and theme plugins, then install them again. Check if it works after doing so.

Hi,

There is not set any limit for YouTube video list, but is not recommended to have a big number of video in the list.

For mobile theme color, please make sure that you do not have a plugin conflict with untested plugins, please deactivate all non theme, also if you are using child theme, clear all cache and try again.

Thank you!

Hi,

The theme panel translations will apply in the mobile theme as well, for example
– http://prntscr.com/o3ppfq – http://prntscr.com/o3ppjn
– http://prntscr.com/o3ppto – http://prntscr.com/o3ppzl

Do you maybe use a translation or multilingual plugin? For example if you use WPML the theme panel translations will not be used – http://prntscr.com/o3pqzx

Thanks