Search Results for 'mobile theme'

Hi,
I understand, so if there is no difference with default post title style, will need to find a different approach, maybe the problem is related that on mobile the title is on 2 lines and seems to be the largest element at first load.
I made some test locally and seems to can get the problem resolved only if the post title appears on one line, but I think that most of articles display on mobile the title on 2 lines. I also made the same test using a default WordPress theme and the results were similar, but the LCP was smaller (from 4, to 3ms).
Normally if you have a dedicate cache plugin (example WP Rocket) and Cloudflare (CDN), it is possible to be some settings on those that can help to resolve this situation.
I will continue to check and if I find something I will let you know!
Thank you!

Hi,

sing our theme, you can choose from 3 mobile versions
-> mobile responsive => https://www.screencast.com/t/oJ2ShOp47
-> mobile theme plugin => https://forum.tagdiv.com/the-mobile-theme/
-> mobile page => https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/ The option that you need to use.
Suppose you created the mobile pages with tagDiv Composer. In that case, when you install the Mobile Theme plugin, your pages will be overwritten by the plugin (the mobile theme comes with its templates for page, post, category, etc, so your current templates from the desktop theme will get converted to the mobile theme layout, the page content is made without builders in mobile editor => https://www.screencast.com/t/xbgZG8kH also, the options that are provided to edit the mobile theme version are limited (this keeps the things simple)).
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY.
So, the mobile responsive is what you see when that you select the viewport on phone => https://www.screencast.com/t/matV17hH, so some settings may apply for each viewport(where is the border blue), and others are not(where the border is black).
The mobile page has the mobile templates from Cloud Library => https://www.screencast.com/t/YCcZ8rL8
The Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin cannot.
For example, you can have the mobile theme plugin activated and use the mobile page/mobile responsive version for the homepage/pages, but for the categories pages/404 page, you can’t use the mobile page/mobile responsive version if you have the mobile theme plugin activated.
So, if you want to design the pages with tagDiv Composer, you can use the mobile page or mobile responsive version.
Also, please check this topic https://forum.tagdiv.com/topic/amp-pages-not-working-well-with-this-theme/
If the cache plugin does not have mobile support, then the mobile theme version can be delivered instead on the desktop and vice versa.
The solution would be to use the recommended WP Super Cache plugin instead and activate these settings (especially the mobile device support): https://forum.tagdiv.com/cache-plugin-install-and-configure/

Thank you!

Hello @jozefradi !

We have 3 options for mobile versions that you can use:

1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page.Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.

2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages

3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.

A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
If you need to use mobile version 1 or 2, then you need to uninstall the Mobile Theme plugin and AMP.

When I try to share an article, I can see that it takes the featured image of your article.

It seems that you have two different single templates for your posts. Assign only one template for both articles. When you access the article, please check which template is assigned, and you can see that on the top bar. For example: https://app.screencast.com/yGnnnMFcWqacY

Thank you!

Hi,

No, you do not need to have the amp plugin activated for mobile page.
Using our theme, you can choose from 3 mobile versions
-> mobile responsive => https://www.screencast.com/t/oJ2ShOp47
-> mobile theme plugin => https://forum.tagdiv.com/the-mobile-theme/
-> mobile page => https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/ The option that you need to use.
Suppose you created the mobile pages with tagDiv Composer. In that case, when you install the Mobile Theme plugin, your pages will be overwritten by the plugin (the mobile theme comes with its templates for page, post, category, etc, so your current templates from the desktop theme will get converted to the mobile theme layout, the page content is made without builders in mobile editor => https://www.screencast.com/t/xbgZG8kH also, the options that are provided to edit the mobile theme version are limited (this keeps the things simple)).
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY.
So, the mobile responsive is what you see when that you select the viewport on phone => https://www.screencast.com/t/matV17hH, so some settings may apply for each viewport(where is the border blue), and others are not(where the border is black).
The mobile page has the mobile templates from Cloud Library => https://www.screencast.com/t/YCcZ8rL8
The Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin cannot.
For example, you can have the mobile theme plugin activated and use the mobile page/mobile responsive version for the homepage/pages, but for the categories pages/404 page, you can’t use the mobile page/mobile responsive version if you have the mobile theme plugin activated.
So, if you want to design the pages with tagDiv Composer, you can use the mobile page or mobile responsive version.

Thank you!

Hello,

You can’t have the same footer from the desktop on a mobile theme.
For the mobile theme you can customize it from Theme Panel-> Mobile Theme -> footer => https://i.imgur.com/7ABDfSe.png You can’t edit it with tagDiv Composer.

Thank you!

Hi,
Indeed, now on desktop the featured image are looking better. The situation on mobile is like this because the same image size (thumb) that is used on desktop is also used on mobile, but the module image size is changed to full width.
As a solution I recommend to try the tagDiv mobile theme plugin, this will change the website layout on mobile, but it will make it faster and should also resolve the problem with blur images from mobile – https://tagdiv.com/mobile-theme-get-mobile-ready-with-newsmag-theme/
Thank you!

Hello,

You can’t have the same footer from the desktop on a mobile theme.
For the mobile theme you can customize it from Theme Panel-> Mobile Theme -> footer => https://i.imgur.com/7ABDfSe.png You can’t edit it with tagDiv Composer.

Thank you!

Hello @lukstan!

We have 3 options for mobile versions that you can use:

1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page.Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.

2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages

3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.

A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
If you need to use mobile version 1 or 2, then you need to uninstall the Mobile Theme plugin and AMP.

Thank you!

Hi,

Usually, this happens with cache plugins. If the cache plugin does not have mobile support then the mobile theme version can be delivered instead.
The solution would be to use the recommended WP Super Cache plugin instead and activate these settings (especially the mobile device support): https://forum.tagdiv.com/cache-plugin-install-and-configure/
Also, please let me know what plugin for the cache you use now.

Thank you!

Hello,

1. This is usually happens when the amp plugin is used with the tagDiv Mobile theme plugin. This is using only the Transitional mode from amp plugin.
If the Amp is not used with the mobile theme plugin then you’ll need to set it on Reader template to can use it with our theme.

2. Our theme and the amp used with our theme do not provide any option to can design the amp version, just to use the provided layout from the mobile theme plugin or amp.

Thank you!

Hi,
If you are using the mobile theme plugin, then you can add those ads in this section – https://i.imgur.com/tg4w3K4.png if you are not using the tagDiv Mobile Theme plugin and only the amp plugin then it is possible to be need to use a dedicate plugin for amp ads (if the amp plugin do not have an option to add the ads).
Thank you!

Hi,
Yes, the shortcode is correctly set in your screenshot. This is the method 1 mentioned in the guide that I provided and the most easy to use.
If you want to have the responsive version displayed on mobile, then please do not use the tagDiv Mobile Theme plugin, this will remove the sidebar element from mobile or as an alternative you can add for the mobile menu the gtranslate elements in mobile menu – https://i.imgur.com/t8A6p4d.png
Thank you!

Hello,

Please let me know how you have configured the AMP plugin. Do you use the mobile theme plugin?
Some customization for AMP https://i.imgur.com/IAd6TUb.png causes the problem

Thank you!

Hi,
I just checked the socials and those are 8 on mobile and all of theme seems to be displayed on one line (there are socials that are not displayed on desktop and socials that are not displayed on mobile)), if you want them o 2 lines, then you can try the below custom css and the results will be: https://i.imgur.com/csJLXCm.png

.tdm-social-item-wrap {
    width: 25%;
} 

The css should be set in the theme panel > custom code> advance css > phone section.
Thank you!

Hello,

The social icons from the mobile menu are coming from the Theme Panel -> Social/Apis -> Social Networks -> https://i.imgur.com/kKYIECB.png remove/edit them after your needs.

Thank you!

Hello,

The amp doesn’t work with mobile mage; the amp works with mobile theme.\Hi,
I don’t recommend to using amp, because it is deprecated -> https://developer.bigcommerce.com/docs/storefront/wordpress/platform-integration/enabling-amp
For mobile theme + Amp the content need to be added in Mobile Editor -> https://www.screencast.com/t/xbgZG8kH
Please check this topic where I explained each mobile version -> https://forum.tagdiv.com/topic/mobile-version-not-working-properly-2/ -> https://forum.tagdiv.com/topic/amp-pages-not-working-well-with-this-theme/ and choose what mobile version you want.
Also, please let me know what plugin for the cache you use now.

Thank you!

Hello,

I think that you are referring to this option: https://i.imgur.com/QKaQA1k.png. This is an option from the theme and not the name of the page. You can find all the pages here https://i.imgur.com/qqPzWqa.pngor here -> https://i.imgur.com/bTtxoVL.png
If you have edited the pages with another page editor, then yes, the composer will not recognize them, as if you created a page. Have you checked the documentation about the mobile options that the theme offers?
Also, there are different elements for pages, so you can not assign them globally; for example, if you have a homepage where you display all the posts, you can use the same template for a contact page where it is normal to have only a form for contact.

Thank you!

Hello,

Please delete the logo from theme panel, and assign it with tagdiv Composer https://i.imgur.com/bfPZEps.png https://i.imgur.com/EmzWCmI.jpg
For mobile please edit with tagDiv Composer, select the viewport on phone, select the header logo and change it => https://i.imgur.com/cR7F0v4.png https://www.youtube.com/watch?v=HXQQygkCCJo -> https://forum.tagdiv.com/add-logo-newspaper/
For mobile menu, you need to edit the page to change the logo -> https://i.imgur.com/yoigVA1.png

Thank you!