- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Hi all,
I am sorry to be annoying as I already asked this question. However it seems I can not fix Cumulative Layout Shift on my mobile version.
I am using Newspaper theme together with tagdiv Mobile theme on my website.
However when testing pagespeed and layout problems with Google Pagespeed I get several warnings.
Biggest warning (in google search console and pagespeed) comes from Cumulative Layout Shift (CLS) stating: “CLS issue: more than 0.25 (mobile)”.
CLS is actually around 0.88 now.
Is there any way to fix that?
My site is: http://curiousmatrix.com/
Hello @danielcasciato !
Unfortunately, you can not disable the latest article there. The mobile theme layout can not be as customizable as the other mobile options.
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. Edit the page with TagDiv Composer. 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 design for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. For more information, please visit https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
Thank you!
Hello @danielcasciato !
Here are the settings only for the homepage for the Mobile Theme : https://prnt.sc/BPZPDN3ZIANl
Thank you!
Hi,
Did you added some code for the mobile/amp version?
If there are no codes added and the problem appears, please check if the amp plugin is used with the mobile theme plugin and in case if the problem persist, please contact us via email at contact@tagdiv.com, we’ll check the problem and try to resolve it as soon as we can -> https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
Thank you!
Hi,
First you’ll need to resolve this problem -> https://i.imgur.com/59fPl9j.png so no errors will be displayed in console.
I see that on desktop you have good results, the problem remaining on mobile version.
There are a few things that can be improved, for example the footer ad -> https://i.imgur.com/nNMztjA.png also you can remove the google fonts form mobile theme -> https://i.imgur.com/3V6naPX.png
I hope this will help you!
Hello,
It looks that this is the way that the add you are using is injected. The theme allows it to be on full width, but this is coming at a 300px width -> https://i.imgur.com/9GgdHtp.png What I can suggest is a custom css like this one:
.single .td-pb-span8 .td-visible-desktop{
width: 100%;
}
The code should apply for the ads inside the posts.
About the ads that are not adjusted on mobile, it is because those ads do not have a css for the responsive version. Please let me know where I can check one.
Thank you!
Hello,
Please let me know if you use our element for the pop-up.
Unfortunately, for the mobile theme, if you use our element for pop-up then this is not available.
Thank you for your understanding!
Hi,
This situation appears because the mobile theme plugin is used -> https://tagdiv.com/mobile-theme-get-mobile-ready-with-newsmag-theme/ when this plugin is enabled, the mobile content need to be set in mobile editor using only the elements from mobile editor.
Or you can disable the plugin and the responsive version will be used.
Thank you!
Hi,
The mobile theme comes with its own 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)).
So, if you want to use the cloud templates, then you need to disable the mobile theme and AMP plugins, and then use the responsive version.
You can use cloud templates with AMP.
Also, please check this topic where I explained each mobile version -> https://forum.tagdiv.com/topic/mobile-version-not-working-properly-2/ and choose what mobile version you want.
Thank you!
Hello,
So, I notice that you have disabled the mobile theme for the homepage, so if you want to use the responsive version, then please edit the homepage with tagdiv Composer, select the viewport for phone and change the logo; also, for desktop/table, or if you want to have a mobile theme for the homepage, then please enable mobile theme https://www.screencast.com/t/axXRJsWby.
Also, I can see the ads -> https://i.imgur.com/u8KZTEh.png, but I saw you use mobile+AMP, so you need to add the ads here https://imgur.com/CrFAJXN.
Thank you!
Hi Pls help me
1. I can’t make the mobile appear in the way I want, I followed your guide to go to Theme Panel/ Mobile Theme to adjust the Mobile appearance but it doesn’t appear like what I did!
The logo does not show on the top.
And when you click on a post to read, it’s very weird!
2. I tried to insert Ads code ( I use Adskeeper service not Google ads) and there is no ads at all!!
This theme is so hard to adjust
Please help me https://ilovecutepets.com/
Let me know if you need my login info
Pls help me ASAP.
Hi there,
How can I get only the featured posts on my site to show up on mobile? I selected the Featured Posts category in the Theme Panel, but it’s still displaying all of the posts regardless of the category in date order. I have AMP and Tag Div mobile installed and active too.
This is my site: healthcarebusinesstoday.com.
Thank you.
Hello, I am using mobile theme for mobiles.
It usually is okay and shows normal desktop theme when I access my website by desktop.
However, it sometimes go to mobile theme, even if I access my website by desktop.
It usually happens after several hours from clearing the cache, or after big traffics to my website.
If I clear the cache in admnistrator mode, It comes back normally.
But, after few hours the issue happens again. I have to keep press the clear cache buttons everyday.
What can I do to solve this issue?
Good evening I have a question about the mobile version
I installed a mobile theme, but there are items I can’t find how to translate, such as https://disk.yandex.ru/i/4aoTN3ynlC1X3g and other titles
Hello, using this plugin I have a problem with the visualization of a page of the site vediamocichiara.it/about that in the mobile is displayed completely empty with only the footer.
At the moment I had to deactivate it because the customer did not agree to see the blank page.
Do I have to use some precautions in the creation of the pages for them to be displayed correctly on the mobile?
The other pages of the site and even the home page do not have this problem.
Hi,
I am using Newspaper theme together with tagdiv Mobile theme on my website.
However when testing pagespeed and layout problems with Google Pagespeed I get several warnings.
Biggest warning (in google search console and pagespeed) comes from Cumulative Layout Shift (CLS) stating: “CLS issue: more than 0.25 (mobile)”.
Is there any way to fix that?
My site is: http://curiousmatrix.com/
Hi,
I run a newspaper theme site svetohled.cz and I need to ask how do I set the ad width to 100 percent? When I tried to do this in the CSS settings, the ad doesn’t display in full even when I set the width to 100 percent. This is an ad I always have below the article and as it loads there in various forms, sometimes it needs to be wider. This happens in the case of displaying ads from Seznam.cz, which I work with – their ads are displayed only when you come to the site from the seznam.cz search engine (you can see it, if You click on any of the first three links on this page, all of which lead to svetohled.cz and ensure that Seznam.cz’s ads are displayed)
Example of broken ad:
I’m also wondering if there is any way to set the non google mobile ad at 480×480 so that it fits the page exactly across the screen. Even though I set the margins, I couldn’t figure out how to display it all the way through.
Like you can see here:
I would like it to display similar to this ad from google:
Thanks in advance for any advice
The site can be found here
I have the TagDiv mobile theme plugin activated and it does not appear on the mobile version.
I would apreciate a solution for this if possible.
Thank you!
Hello eC,
Unfortunately, the featured image is not an option; you can use this custom code css
.td-post-featured-image a{
pointer-events: none;
cursor: default;
}
Set the code in Theme Panel -> Mobile Theme -> Custom Code -> Custom CSS.
Thank you!
Hi,
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/
If you created the mobile pages with tagDiv Composer, then 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 then 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
Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin not.
For example, you can have the mobile theme plugin activate 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 activate.
So, if you want to design the pages with tagDiv Composer, you can use the mobile page or mobile responsive version.
Hope this helps you!
Thank you!
Hey guys, I have purchased the Newspaper theme and want to create an identical site as this except the colors and text. https://bit.ly/3VI3aJP
My main focus is on the mobile version and I am running behind the schedule and need urgent help.
I am having difficulty with getting it done. I know Elementor but Tag Div builder is new to me so I wanted your help in this.
Can anyone provide me a summary of the things used especially in the mobile view like the things I should be using to build that specific feature etc. I know I am asking a lot but I would really appreciate if anyone can guide me in the right direction.
Thank you so much in Advance!
Hello Anamaria,
you still seem to not understand what my issue is. Please have a look here: https://tinyurl.com/2zfrcjbk
When you click the featured image, it DOES NOT open a lightbox, but it opens the media URL. I don’t want it to be clickable/tappable – so when the user is clicking or tapping the image, I want nothing to happen.
How can I achieve that on the mobile theme? On the desktop version it works as expected, I have the lightbox / modal etc. deactivated and you can’t click it. But you still can on mobile.
I’m sorry that I opened this thread with a wrong explanation of my issue and I know you’re just trying to help, but it’s a little frustrating that I have to tell the same story now for the third time already.
Thanks,
eC
Hello,
Please check this code .wp-block-button .wp-block-button__link {
border-radius: 0;
cursor: pointer;
display: inline-block;
position: relative;
font-family: 'Open Sans', arial, sans-serif;
font-weight: 600;
padding: 9px 12px;
font-size: 16px;
line-height: 20px;
color: #EC3535;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
background-color: #444 !important;
text-decoration: none !important;
color: #0790DE;
}
Set the code in Newspaper -> Theme panel -> Mobile Theme -> Custom code.
Thank you!
Hi,
This -> https://i.imgur.com/xJN1wjr.png seems to be a default category template, please check in the theme panel to have the cloud category set -> https://i.imgur.com/to5qfqr.png and also check the categories that have the problem to use that category cloud template.
Also, please check it when you are logged in on mobile, the layout is the same or is ok? If is ok, then it is a cache problem.
Thank you!
Hello,
For logo 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/
Seems you have the Mobile theme plugin activated, and it is disabled for the homepage. When you install and activate the Mobile Theme plugin, your pages will be overwritten by the plugin (the mobile theme comes with its own 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)).
Better deactivate the plugin and see the results
Also, if you create a mobile page, please make sure you assign it like this https://www.screencast.com/t/lektAhyjd
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY
Please check this topic where I explained each mobile version -> https://forum.tagdiv.com/topic/mobile-version-not-working-properly-2/ and choose what mobile version you want.
Thank you!
