Search Results for 'mobile theme'

Regarding the mobile version – Please don’t enter the page code from desktop in the mobile editor, it will not work and may cause problems. In the mobile editor enter text, images and what is possible with it’s options.
The mobile editor’s capabilities are simple, this is why the mobile theme is noticeably faster than the default responsive version. If you want the same content from desktop displayed on mobile as well, deactivate the mobile theme plugin.

If you deleted the special “Featured” category you can recreate it like this
– https://www.screencast.com/t/Y2QPRE7xeX
It should function same as before after creating it.

Regarding the lightbox for images, please edit the post and check if it is enabled for that image – https://forum.tagdiv.com/modal-window/ it could be currently set on off.
When the lightbox is enabled there will be navigation arrows on the modal to cycle through the post images – http://prntscr.com/ngkbs3

From what I can see there already are 3 images per row – http://prntscr.com/ngkdmv
The lightbox will work for the element that is used to display the images, the inline image – http://prntscr.com/ngke7c

If you want something like a slider you could use a tagDiv gallery
– https://demo.tagdiv.com/newspaper/td-post-aston-villa-beat-liverpool-to-join-arsenal-in-the-fa-cup-final/
– https://forum.tagdiv.com/gallery-2/
The gallery will occupy the full space in the post content, if no sidebar is used for the post. That is how the gallery looks in the full space. What exactly do you want to do with it, or how do you want it to look? Let men know.

Hello !

Unfortunately you can’t modify the fonts in mobile theme. You can try by adding a custom css to your mobile theme from here: https://www.screencast.com/t/VEI2KQla2GhO

Thank you !

• This reply was modified 7 years by Vlad S.

Hi,

Usually when the mobile version appear on desktop are some problem with cache plugin, browser cache, please clear all cache and try again.
We recommend using WP Super Cache -> https://forum.tagdiv.com/cache-plugin-install-and-configure/ Make sure if you have followed the steps from this guide if you want to achieve good theme results.

Thank you for your understanding!

Hi,

It isn’t safe to modify main files, one of the reasons is that the modifications will be lost when the theme and theme plugins are updated, so they will have to be made again.

After the 9.7 update the child theme is limited to just a few files. This is a consequence of the recent modifications to the location of theme files, due to Envato requirements.

If you are looking for the mobile theme files they are now in the composer
– http://prntscr.com/ng4hfo
These files couldn’t be modified in a child theme previously.

Thanks

Hi,

I don’t think the page speed results are quite accurate for the time being, there is not enough data it seems
– http://prntscr.com/ng3puw
From what I know, now the testing method will take into account each users experience on the website and make an average. So despite the website being loaded quite fast
– http://prntscr.com/ng3ugp and being mobile friendly – http://prntscr.com/ng3umk the Google tests results may be different based on the website visitors experience. There are some details about it at point 2 here – https://www.searchenginejournal.com/mobile-page-speed-changes/272221/
A plus to have is also AMP, the mobile theme can be used together with AMP.

Thanks

Hi,

Unfortunately I’m can not see your screenshot -> https://www.screencast.com/t/qurH8oRm9i5

The mobile theme is a plugin that provide you a better speed then responsive version of theme, but in order to achieve that speed you’ll need to create a new content for pages because in the most of cases those were made with builders ( tagDiv Composer, WPBakery ) and you need to use only the mobile editor ( you need to set the content for pages in mobile editor and this content will be display on mobile theme)
-> https://www.screencast.com/t/ebUIzt4se

If you want the responsive version and amp you should use this opinion -> https://www.screencast.com/t/jZct5ueBqOrb but if you have amp activate on pages you’ll need to create in Mobile editor a content for AMP version of page.

Also please check our documentation for Mobile Theme: Automatic Optimization for Mobile with Newspaper Theme -> https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/

I think that you are referring to those 3 blocks, for those you’ll need to have set seam feature posts (that have set feature category) -> https://forum.tagdiv.com/featured-posts-2/ -> https://www.screencast.com/t/QsJ6ppY4

You’ll need to add some post in feature category -> https://forum.tagdiv.com/featured-posts-2/ if you do not have this category you can create it, just make sure that you set the category name to be
Featured

Let me know if you have more questions!

Thank you!

Hi,

If the mobile theme plugin is active, what is displayed on mobile will be a different from desktop. For example the mobile homepage will display a top grid with 3 featured posts (if there are any) – https://forum.tagdiv.com/featured-posts-2/
Below that grid will be a latest articles section. The mobile theme is specially created for mobiles, it is faster than the default responsive theme version. Other pages will be empty on mobile, if there is no content entered in the mobile editor for each page
– http://prntscr.com/ng341f

Here you can read more about it – https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/

Regarding that border, from what I can see the top bar is empty (no login, no weather no socials etc). You could disable it entirely if you do not want to display any elements in it – http://prntscr.com/ng373y and the problem will be solved.

The “Read more” that the block uses cannot be disabled. You could use a different type of block, maybe a flex block (these have an show/hide “Read more” button setting).
Here are some block designs made by us that can be imported with the cloud library plugin
– https://cloud.tagdiv.com/#/load/Blocks (they are all flex blocks).
However if you want to keep using block 24 and wish to remove the button there is a solution. I could give you a code to remove it – http://prntscr.com/ng3941
Enter this code in the Theme panel->Custom code-> CSS code section

.td_block_24 .td_module_19 .td-read-more {
display: none;
}

If you want to keep the block and the button but change the text it displays, you can translate it in the Theme panel->Translations settings – http://prntscr.com/ng39vz

Please let me know if you have more questions.
Thanks

Hi,

It does work, but the page has no content in the mobile editor. When the mobile theme is active each page will require 2 versions, one for desktop built in any way possible with the theme, and one for mobile built with then mobile editor – http://prntscr.com/ng2xse (the mobile editor is usually found at the bottom of the page edit screen).

So edit the “About” page and enter content in the mobile editor, it will appear on mobile. On the other hand if the mobile theme is deactivated, the same content from desktop will appear on mobile.

Here is some more information about the mobile theme and how it works
– https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/

Thanks

Hi,

I checked your website, and is look like you set a menu for mobile -> https://www.screencast.com/t/qMRRcOwF9z

Also is look like your mobile version is displaying on desktop too, this is usually a cache plugin conflict, please deactivate all non theme plugins ( let only the plugins that have tagDiv in name ) , also if you are using child theme or cache plugin, please deactivate them, clear all cache and try again.

Also please check a similar topic about mobile theme -> https://forum.tagdiv.com/topic/some-pages-dont-work-on-mobile-devices/

Thank you!

Hi,

As far as I know the old dedicated AMP plugin can still be used. The current solution is however the official AMP plugin, this can be used with the mobile theme. Adsense ads can be used with the AMP+mobile theme. Or even if you don’t use the mobile theme and just the AMP plugin, for example like mentioned here
– https://isabelcastillo.com/google-adsense-wordpress-amp
The previous td-amp plugin was based on the official AMP plugin, I believe version 0.7.2 was used. Now as the latest up to date AMP plugin can be used, things should be better in my opinion (I am no expert in the matter), not worse.

I found some other possible explanations for revenue drops
– https://crunchify.com/google-adsense-revenue-drops-after-moving-wordpress-site-over-to-https-ssl/
– https://www.adpushup.com/blog/whats-causing-the-sudden-drop-in-your-adsense-earnings-ctr-and-rpm/
– https://blog.ezoic.com/why-are-ad-earnings-dropping/
Also the Adsense troubleshooter – https://support.google.com/adsense/answer/6333955?hl=en

Thanks

Hi RWSyk,

If you want to display the responsive layout on mobile, you need to disable the Mobile theme from the theme panel and use only the default option for AMP. Please read again the documentation from here -> https://tagdiv.com/amp-newspaper-theme/ -> https://www.screencast.com/t/4fIbJFtIA1

Thank you!

Hi,

I see the mobile theme is active, so regardless of what templates are used on desktop the mobile theme will display it’s own.

In the case of attachment pages the mobile theme has template that it will use when active and on mobile
– http://prntscr.com/nfnewz (this is the location of the file starting from version 9.7).

What exactly are you changing about the attachment pages?

Thanks

Hi,

There will be a left and right padding on mobile, most elements will have it with some exceptions.

There are some things you could try. For the top form, edit the page with the composer and select the mobile mode
– http://prntscr.com/nfmnnd then set a negative margin left and right for the raw HTML element used – http://prntscr.com/nfmoe3 set a -20px value.
Or use a code like this one – http://prntscr.com/nfmox8 in the mobile CSS field of the Theme panel->Advanced CSS

.home .vc_raw_html {
margin-left: -20px;
margin-right: -20px;
}

For the column title lower down the page, you could try something like this
– http://prntscr.com/nfmw0e

.home .tdc-content-wrap .td-stretch-content:nth-child(6) {
padding-left:0;
padding-right:0;
}

Enter it in the same phones field – http://prntscr.com/nfmwdq
There may be other solutions, let me know if these work or I will think of a different way.

Thanks