Search Results for 'mobile'

Hi,

unfortunately for the mobile theme, a different custom code must be made, for example here is made a custom code that applies to all categories both on desktop and on mobile.
https://forum.tagdiv.com/topic/category-color-and-filtering-options/
For your case, you need to have a code like this, but you need to set each category that you have

.td-module-image a[href$="/video/"], .td-meta-info-container a[href$="/video/"], .td-module-container a[href$="/video/"], .single .td-category a[href$="/video/"], .tdb_single_categories a[href$="/video/"], .entry-category a[href$="/video/"] {
background-color: blue;
}
.td-module-image a[href$="/fashion/"], .td-meta-info-container a[href$="/fashion/"], .td-module-container a[href$="/fashion/"], .single .td-category a[href$="/fashion/"], .tdb_single_categories a[href$="/fashion/"], .entry-category a[href$="/fashion/"] {
background-color: blue;
}

Also, if you want to have it on mobile theme you need to set the code in Theme Panel -> Mobile Theme -> Custom Code -> CSS => https://www.screencast.com/t/MvF9ApPZ43r -> https://i.imgur.com/hUP91q1.png

Thank you!

Hello!

You can see all the cloud templates in Dashboard -> Cloud templates.
Please check our video tutorial about how to import and assign cloud library templates: https://www.youtube.com/watch?v=6m8-EebnfM0

If you have set up a mobile page you can easily shift or select no mobile pages. But if you delete it, then the mobile page is already there but blank. So, in this case you need to assign another mobile page, and then to select no mobile pages without deleting the previous one. After selecting no mobile pages, you can delete also the mobile pages which you created.
In conclusion, don’t delete first so you will don’t have any issues.

You can duplicate a template/layout for every category/post to have different template, make the specific changes and assign it to that category/post.
Check this topic: https://forum.tagdiv.com/topic/different-logo-in-categorypage/ ; Here I explained step by step how you can duplicate a template.

I just explained in that ticket about posts loop offset and how you can change it to achieve what you need.

For example: If you have the same template for posts, then it’s enough to edit one post with TagDiv Composer, and the changes will apply on every post that has assign the same template: https://www.screencast.com/t/quA3qQaZz8G. This is available also for the categories.

Thank you!

Hello @mixos,

If you follow the steps which are presented in this tutorial here: https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Also, to increase the page speed you can check these similar topics for more solutions:
– https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
– https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
– https://tagdiv.com/how-to-increase-page-loading-speed/
– https://developers.google.com/speed/docs/insights/v5/about
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/

Please give it a try and follow the steps which I presented above about page speed.
Also, check our guide from here: https://forum.tagdiv.com/how-to-make-the-site-faster/
To be able to optimize and to remove CLS and LCP please check these guide => https://developers.google.com/web/tools/lighthouse/ -> https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> https://web.dev/lighthouse-whats-new-6.0/ -> https://web.dev/lcp/ -> https://web.dev/cls/
Please make sure to use our newest tool called tagDiv CSS Analyzer which comes in handy to resolve some of your issues. Take a look at the video guide here: https://www.youtube.com/watch?v=tnkVapqhIHc
“This custom tool performs an automatic test to find missing CSS rules applied by user interaction. Moreover, you can manually interact with a chosen section/component from the page while the tool records all the involved CSS. It will generate the final CSS file for this page and also will split the rules in Critical CSS to be loaded in the website’s header.” ( https://tagdiv.com/whats-new-in-the-newspaper-theme-10-4-update/ )
We tested our tool on our demos, and we have such great results!
Take a look at this topic because it could help you: https://forum.tagdiv.com/topic/css-analyzer-step-by-step-and-doubts/
Also, please set width on the logo https://i.imgur.com/oSUDVIU.png or try to remove and add it again.
For mobile, you can use a mobile theme plugin or mobile page, which can help to have a better score for mobile, you can find more information in these articles
-> https://forum.tagdiv.com/the-mobile-theme/
-> https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY
Also, you can try to optimize your images, for example, you can use the EWWW Image Optimizer plugin, also, you can try other plugins like Autoptimize

Thank you!

Hello!

I can’t see your website link. But, if you mean that you have the mobile version on desktop, I recommend you to test it when you have only TagDiv plugins and tested ones active and see the results.

Thank you!

Hello!

If you mean that you built mobile pages and you have the same news articles showing on all your categories, then try to use a Flex Block element for each page and select at the filter: Current category. In this mode you won’t have the same articles there.

If this is no what you mean, please let me know.

Thank you!

Hello!

On mobile you should click on this icon: https://www.screencast.com/t/8mdxB6P0mv in order to display the dropdown.

Let me know the results!

Thank you!

Hello!

I’ve checked your website on desktop and mobile version and I can see the same menu with same categories and subcategories.
Please provide more information about your issue if it still exists and some screenshots.
A solution for sending a screenshot is this:
Download, capture, send: https://www.techsmith.com/jing-tool.html
After making the screenshot, you will have a link, paste it here.

Thank you!

Hello,

Seems you have the Mobile theme plugin activate, 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

Thank you!

Hi BarbaraZ, once that the website was indexed by google, after you use the Yoast seo plugin to remove the cloud templates from google you nee also to re-index your website in this way the cloud templates will be removed from google search results.
About the mobile version, I do not quite understand the problem, are you using the mobile theme plugin and the mobile version it is display on desktop? can you please provide some examples or screenshots.
Thank you!

Hello,

To display more of the 2 categories, you need to use a custom code to display the categories that are hidden.

.td-category {
overflow: initial;
}
Also, to change the color you need to use a custom code =>
.td-category-siblings .td-category a {
background-color: red;
color: white;
}

The code needs to be set in Theme Panel> Mobile Theme > Custom code> CSS.

Thank you!

Hello John!

I just replied you here in this topic: https://forum.tagdiv.com/topic/created-pages-are-not-showing-content-on-mobile-pages/

Thank you!

Hello!

If your page is made with the TagDiv Composer plugin, then deactivate the Mobile Theme plugin and see the results!

Thank you!