- ApiPractical example – How to add a new Block and Module
- ApiAPI – Smart Lists – Introduction
- ApiAPI – Category top section style – Introduction
- ApiAPI – Category top section template – Introduction
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
- ApiUsing the Theme API in plugins
OK, I realize that I was showing my ‘Categories’ the wrong way; I had connected to the actual category. I’m now going to use a Flex Loop element. But my new question is ‘How do I restrict the page to a specific category?’ There seems to be no field in the control panel that allows me to select a category to display. You can ‘Exclude’ certain posts but that seems like a tedious way to do it. I tried putting the category ID but that didn’t work. Am I missing something, and if so, what is it?
And BTW, this is not about Mobile anymore, its about the desktop version first.
How to edit social media icons in mobile menu
Hey there,
I have a very annoying issue on my website – on mobile version when you load a page and click the menu button it loads really slow. Not only it loads slow but first it pushes the site back and after 2-3 seconds the menu appears. This is very bad user experience.
I noticed that if I switch delay javascript execution on WPRocket the problem is fixed – the menu loads immediately but as you can imagine a lot of other things get broken. I managed to exclude pretty much everything that gets bugged except the category siblings element and the filter of flex block elements.
Can you help me finding what to exclude so that these two elements don’t get broken?
If there is another workaround for the menu problem – please share.
Hello, I’ve added the option to add a mobile page. I don’t know if it’s the mobile page or a responsive version.(https://www.dropbox.com/scl/fi/edndyq9ly9rhl1do6w311/Capture-d-cran-33.png?rlkey=nprgqvkzbudvbt3845o1pxf46&st=4z6oee69&dl=0) (https://www.dropbox.com/scl/fi/pzul3zh1i07vrfscy6h83/Capture-d-cran-35.png?rlkey=hhev6v1ajjgrsfw86m683dv5p&st=35sg80vd&dl=0)
On computer it gives well and on mobile also the page is displayed well, but when you reduce the window of google chrome for example, the site does not adapt. (https://www.dropbox.com/scl/fi/etmsm11c3sj8amgw5vbia/Capture-d-cran-36.png?rlkey=ts4kdiokbebbdfto7tzty6gbs&st=1vvv4u4b&dl=0)
We aren’t using a shortcode at all…it is the default part for the mobile app, we haven’t modified code or anything at all.
hello…
I Have issue about mobile view
I don’t activate mobile theme.
https://app.screencast.com/4HXP2BFZ6ywF3
https://app.screencast.com/IYcv2TGYgfQfH
what should I do?
Hello!
Our theme should work well with the Yoast SEO plugin. In the theme, you can change the headings of your essential elements on the pages: https://app.screencast.com/XCTth93jrNECg
Identify keywords with high search volumes relevant to your industry. Optimize page titles, meta descriptions, headers, and image alt tags. Ensure each page has a unique, descriptive title and meta description. Use target keywords naturally in your content, including in the first 100 words. Use a mix of media types (text, images, videos) to improve engagement and time on site. Improve site speed, ensure mobile-friendliness, and enable secure browsing (HTTPS). Implement structured data (schema markup) to enhance search result appearance. Ensure your site is crawlable, with an optimized sitemap and proper use of robots.txt. Ensure your site has a straightforward navigation structure and is easy to use. Minimize pop-ups and intrusive interstitials that hinder the user experience. Monitor performance using tools like Google Analytics and Google Search Console. Adjust your SEO strategy based on search trends, algorithms, and changes in analytics data. Implementing these strategies will improve your website’s visibility, drive targeted traffic, and ultimately boost conversions.
Thank you!
Hello,
You can choose what option you want to use for mobile version. If you design using those options, then this is a responsive version -> https://i.imgur.com/DpsEGvK.png so you can continue. Can you check your svg code, to not have the background color in the code? maybe is added in the code.
Thank you!
Hello,
Do you use the mobile page or a responsive version? Can you please provide the link to your website and some screenshots?
Thank you!
Hello, I created my site and I modified the mobile templates with the same theme. But the site is not adaptive when you reduce the Google chrome window for example. What can I do?
I don’t want a sticky menu. Just a menu that is part of the page and scrolls together with a page. Even if I disable the sticky menu in tagDiv Composer, it is still sticky. See screenshot. I use Insight AI demo page and templates. It is interesting that diabling sticky menu on mobile works. But not on desktop. The site is Technomanie.cz
Not sure why it happening but on an iPhone, none of the categories show up. See screen shot here: https://imgur.com/a/m4LKRd6. I suspect something must have go switched off but I don’t know what it is and as far as I know, I didn’t knowingly do it if happened.
Also, there are three different categories: Precious, Base and Specialty. But in mobile the first two are normal, but specialty looks like its a submenu item. Also, is there a wy to create separate mobile page for categories? I couldn’t fin how. I
So, we have more of a video/audio style site and not as much article driven site, so when we have the Related Article section turned on in the admin panel, it says “Related Articles” at the bottom of all the mobile versions and we just want to change this to say “Related Content” instead but can’t find any way to change that value.
Any help would be appreciated.
Hi,
4. Check SS: https://ibb.co/0KKSLXY I want to change the order (for example) in mobile menu, so there will be a: logo > search > menu but I’m struggling with drag & drop getting only scenarios where an element moves out of the ‘mobile editor screen’ OR one below another and so on.
7. Ok, I will.
//////
1. Great!
2. Good, solved it.
3. I miss-spelled it. I was asking about logo sizes mobile / desktop if it’s different from previous size 270×90 and so on (listed in Theme Settigns) and if it can be different / personalized for each demo.
4. Good!
5. Got it! I see that it supports HTML, but is there a way to add to this new field (like for the main description) formatting options (headings, bold, link and so on) for novice users and also for formatting faster the text added?
5.1 I will take a look when I’m getting done with the above.
5.2 Good to know.
Thank you for your help and time!
In fact, your instructions are unclear.
The site template I’m building is the same one I want to have in mobile and tablet version. I don’t want to import another template.
I want to be able to modify my template for the different screens. So should I use the responsives tools in tagdiv or not? (https://www.dropbox.com/scl/fi/zb2khjk73h3i66n3qvrs9/Capture-d-cran-30.png?rlkey=c9iodii4foiq6hd741cf93vll&st=k93kgxek&dl=0).
And as for the black background of the SVG logo, I’ve deleted all the available background but the black is still displayed (and I’d like to point out that it’s only the left side of the logo that has a black background).
Hello,
Please check the tab style and clear the color for SVG https://i.imgur.com/xrKbHCf.png
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 Claudiu,
1.3 The pro is added using this custom code CSS -> https://i.imgur.com/YBfqUU3.jpeg. You can delete the code CSS.
1.3.1 CSS is used for the logo, menu, and news ticker flex blocks -> https://i.imgur.com/shKyAKR.jpeg, so it is recommended that you check if this is no longer used before deleting it.
3. The theme colors are used for standard templates. For example, the colors for search, mobile menu, and back to top are still used. So, you can create your global colors in manage and use them on all templates.
4. The empty rows are not displayed in the front end; they are only displayed when you edit the page with tagdiv Composer. So, I don’t understand what you mean by ” How do I know the order and the number of columns and elements inside a row?” Can you please provide screenshots and more details?
7. The icons are added with HTML and CSS, so I recommend using that guide to add icons to the menu because they are easy to add.
/////////////////
1. Yes, the theme has the option for undo-redo, but it is disabled. Please open a page in tagDiv Composer, then click on Manager and then on settings -> https://i.imgur.com/KuvxEl6.png. Enable the option and should display the arrows for undo and redo ->
https://i.imgur.com/nxnyvw1.png Check this guide https://forum.tagdiv.com/tagdiv-composer-website-manager/
2. Yes, there is an option for hover color; please check the tab style https://i.imgur.com/sno3ST3.jpeg
3. These are not recommendations specific to any theme but rather general guidelines applicable to all websites, regardless of the theme used.
General Image Size Recommendations for Mobile:
For mobile display, image sizes are adjusted to ensure both performance and quality:
-
Featured Image: 600 x 400 pixels (or up to 720 x 480 pixels for high-resolution screens).
Thumbnail: 150 x 150 pixels (used for list or grid views).
Post Images: 600 – 800 pixels wide (suitable for both mobile and tablet displays).
General Image Size Recommendations for Desktop:
For desktop displays, larger image resolutions are typically used:
-
Featured Image: 1200 x 800 pixels.
Thumbnail: 300 x 300 pixels.
Post Images: 1200 – 1600 pixels wide (depending on the layout and design).
4. Please remove the align settings that you made and set this on the row https://i.imgur.com/mMokZ65.png
5. You can use the SCF plugin to create a custom field, and after, you can set the text and show it on the category template using the custom field element -> https://i.imgur.com/9bfKMKw.png -> https://i.imgur.com/1IoLb8T.png -> https://i.imgur.com/qE4g6oW.jpeg
For each category on the flex block, there is a special filter for the current category, which dynamically displays the posts from that category within each category -> https://forum.tagdiv.com/flex-block-settings-guide/
The Posts Loop automatically filters the posts depending on the cloud template you set (for example, on the category page, there will be posted posts from that category) https://forum.tagdiv.com/posts-loop/
5.1 Please check this topic https://forum.tagdiv.com/topic/how-to-add-different-sidebare-for-different-posts-with-the-same-category/
5.2 You can assign an individual header on the page like this: go to the manager and set the header template that you want -> https://i.imgur.com/whZRjpm.jpeg not global, then only this header will be on that page—the same steps for the footer.
Have a great weekend!
All right, thanks.
I’ve still got other problems: I added my transparent logo with the SVG code and then a black background appeared as in the image (https://www.dropbox.com/scl/fi/79i4ab4hnfujawxry6pjw/Capture-d-cran-29.png?rlkey=3mkjbr9vzm4q0ul3s3vcgetl8&st=xqa064lx&dl=0)
Then I want to know how to modify my site for the mobile version.
Hi,
Thank you for your answers and your time.
1. I see.
1.2 Ok, got it.
1.3 See attachement. I could delete ‘living’ & ‘magazine’ which were text, but pro its still there. Image – Show, Text – Hide, Icon – Hide (so it’s not an icon). Also for mobile if it’s different.
1.3.1 What is that CSS code (under logo) box for? Can I delete it or will affect something?
2. Ok.
3. Got it with Global colors for tagdiv. But what about theme settings colors? For entire website, no matter page, category, post, sidebar, header, footer. Do I have such a setting that works and it’s recomended?
4. How I know the order and the number of columns and elements inside a row? I don’t want unuseful extra boxes. Is there a list or another way to take a look at them without hover each pixel?
5. Ok.
6. Ty, I did it.
7. You didn’t answer my actual questions about menu’s icons which look like tagdiv code vs Font Awesome. I found these icons for example for mobile menu burger, but there is no use case for them in main menu like you actually did it in demos?
Hands-on again, I will give it some extra time. So here are some extra specific questions:
1. Is there an option while editing with tagdiv to Undo the last action(s), like Ctrl+Z or a button somewhere?
2. Where do I edit hover color for links in menu? It’s a theme setting or a tagdiv editing setting?
3. What’s the recommended size for mobile for each of demos? Where can I check it for desktop / mobile? Like you used to have in theme settings 272×90 and so on.
4.1 See attachement. I can’t handle to align them like logo to the left and menu and search to the right. I tried even to align all to the left, but doesn’t work with these settings. Row + Column + Elements SS:
https://ibb.co/D74gYq8
https://ibb.co/vh24tbB
https://ibb.co/DRNbNBB
5. How do I know if i’m editing a single category or a template for all categories? My scenario: I want to create categories with more text. I found the category description element, but I need more and I have only one description field / element.
The final result should be:
– category description
– grid flex
– other category description (I guess I don’t have 2nd description with tagdiv) / personalized rows for each category (even if it’s manually for each of them)
5.1 Personalized ‘sidebar’ for each of the categories it’s possible? Like different filters for each of them.
5.2 Regarding global / per page edit. How do I know if I’m applying header changes for entire website, or just for ‘this’ page.
Thank you too!
Hello, the site stopped showing featured images and also the mobile page is delaying to show the last posts.
htps://plazajuarez.mx
Please help for this – urly.it/312977 my mobile pagespeed score is not good please check -Interaction to Next Paint (INP)
Hello!
Make sure you do not have the mobile theme and AMP plugins active.
Thank you!
Hi
I have some problem with your template:
1- I created Cloud templates > Homepage templates.
I then created the Mobile version of home page, but I can’t see it active.
2- I created Cloud templates > Header templates. I made all the changes for devices. But I don’t see this Header on mobile.
https://imgur.com/undefined
could you kindly help me?
thank you very much
kind regards
I’ve bought the theme because you advertise it as being fast and reliable. You don’t mention in the theme info that you didn’t optimized the demo content, nor do I care of such things, as you explicitly mention ‘no coding required’, which suggests I can buy it and use it at its full potential.
I don’t understand why you mention that the support team does not cover page speed, as on the website description you mention optimized speeds and all of that.
Also, a refund is not the option, as you’re selling this as being optimized. So, I would like my theme to be optimized, as you’re advertising it, with 99% mobile and PC.
Please let me know where I can tell you the credentials for admin so you can sort it out.
Hello!
Unfortunately, we have not fixed the page speed issues in our demos.
The page loading speed can depend on many factors, and each website is unique in this regard. External and internal factors can be important for your page speed.
External factors include server speed, whether you are using CDN, and the external resources loaded by your website, such as ads, fonts, and tracking scripts like Facebook Pixel, Google Analytics, Twitter Analytics, Hotjar, and so on.
Internal factors: the number of elements on the page, image size, image formats, whether you are using mobile-optimized layouts, console errors, whether you are using the Standard Pack plugin, and whether you are using a PRO demo or a standard one.
Thank you for understanding!
