- TutorialsDefault Block Settings Guide
Hi. My new woocommerce site is https://postista.com/
My problem is that when I add a product to my favorites or cart, it appears differently in the header of each page, or doesn’t appear at all. For example, I go to a product page and add it to my cart, but when I return to the homepage, the cart appears empty in the header. The same thing happens with the favorites button. You’ll easily understand if you try it on my site. Removing the LiteSpeed cache plugin seems to solve the problem, but I want to fix this issue without removing the plugin. Thank you.
Hi,
Please provide a link to your website where I can investigate the header style and create a css for you.
Thank you!
Hi,
If you are using the header style 1, then you can use this custom css:
body .td_block_template_1 .block-title {
text-align: right;
}
Set teh code in the theme panel > custom code> custom css and all block headers that use the header style 1 will be aligned to the right.
Thank you!
The zones refer to the header/content/footer zone.
Most of the time, the problem is from a shortcode that is not compatible with our theme; therefore, after you set it with tagDiv Composer and save the page, the next time you try to edit it, you’ll get that error. The simplest and fastest way to resolve it is to use a page/template revision – https://wordpress.com/support/page-post-revisions/ (in this case will be a post template revision).
I hope this will help you!
Hi,
I understand you are referring to the icons in the menu and where they are located, for this the easiest way is to use a plugin. Please check our documentation for how to do this – https://forum.tagdiv.com/how-to-add-icons-in-menu/
If you want to add icons without using an extra plugin, then you can do it as on News Magazine Pro where the icons are set using HTML and css https://imgur.com/C6U8BQ4 and those classes display the icons. Just make sure that you have in the header any element that is using an icon, because without it, it is possible that the HTML icons set with classes will not render on your website.
Thank you!
Hi bounama17,
If you want to add icons without using an extra plugin, then you can do it as on News Magazine Pro where the icons are set using HTML and css https://imgur.com/C6U8BQ4 and those classes display the icons. Just make sure that you have in the header any element that is using an icon, because without it, it is possible that the HTML icons set with classes will not render on your website.
Thank you!
Thank you for your reply.
I have been testing simultaneously while waiting for your answer. I deactivated the previously used plugins one by one and then re-enabled the “Show Mobile Menu” feature under Theme panel – Mobile header.
The Mobile Menu feature is now working properly. I’m not sure if my procedure was correct, but it is functional.
However, I would also like to ask how I can set its appearance, such as the font size or the background color, as I cannot find the settings location for these options.
Hello tagDiv Support Team and Community,
I am facing a critical issue while attempting to set up the Mobile Menu in the tagDiv Composer header builder. The setting fails to save, resulting in a non-functional mobile menu.
Detailed Problem Description
- Desktop Header (Working): I used the standard Header Main Menu element for the desktop version. I successfully selected the custom menu I created via the “Select menu” dropdown. After saving, the desktop menu displays and functions perfectly on the live site.
- Mobile Header (Not Working / Bugged): I am using the Responsive Design settings to add a dedicated Mobile Menu element for mobile viewports. I select my custom menu using the “Select menu” dropdown and then click Save (Publish button).
- Result on Live Site: The mobile header displays the Hamburger Icon, but it is not clickable (non-functional).
- The Saving Issue (The Core Bug): When I return to the editor (tagDiv Composer), the Mobile Menu element has reverted its selection. The “Select menu” dropdown has reset itself back to the default state: “-Select menu-“ (instead of displaying the menu I chose). If I re-select the menu and save again, the problem immediately repeats.
Request for Assistance
This appears to be a bug where the editor fails to persistently store the menu selection for the Mobile Menu element.
Has anyone encountered this issue, or can the tagDiv team advise on a fix?
Website Details:
- Website Link:https://tech-fz.com/
Thank you for your urgent assistance!
Hi,
You need to use the tagdiv Composer to edit the header version on mobile – https://i.imgur.com/cK5z1c5.png – https://i.imgur.com/7Jy7u1x.png (you can set everything you want in the mobile menu zone, this will not be displayed on desktop).
Hi there,
I am experiencing a strange issue that I am struggling to fix. I have created a custom template for one of my categories. On the page, I have two rows. The first is full-width, the second is split into two 50% width columns. Each section uses the inline text element. I have used the extra class on the row and two columns to allow for a scroll to navigation.
The top row has a background image with white text. The row below with the two columns has a normal white background with black text. The page looks perfect on desktop, but when viewed on mobile, the two columns below seem to inherit the white text from the row above. The title element for the sections is also a completely different format on mobile to the other titles. Narrowing the browser to mimic mobile still works as intended.
I have viewed on iOS and Android. Tested on Chrome and Safari and it is broken on both.
The page in question is https://baitingtheswim.co.uk/category/fishing-competitions/fishomania/ The sections are FishOMania 2025 Qualifier Dates, Previous FishOMania Winners and About FIshOMania. The last two are the ones that break on mobile.
Any idea why this is happening. I have tried to force black text in the composer, deleted the whole row with two columns and create again. It just doesn’t seem to work.
The only way I have managed to force black text is by adding custom CSS in theme panel, but that changes the titles and link colours in those sections even though I haven’t specified to touch links or header elements.
Hi team. The site was having issues earlier this week and I got tis from host provider:
Hello,
It appears the theme is causing slowness in loading your website. You can share the logs below with your theme developers to check this further.
script_filename = /home/nginx/domains/caribbeannationalweekly.com/public/index.php
[0x00007fd3a0613bc0] curl_exec() /home/nginx/domains/caribbeannationalweekly.com/public/wp-content/themes/Newspaper/wp-theme.php:1
[0x00007fd3a0613b30] httpGet() /home/nginx/domains/caribbeannationalweekly.com/public/wp-content/themes/Newspaper/wp-theme.php:1
[0x00007fd3a0613a40] placeLinks() /home/nginx/domains/caribbeannationalweekly.com/public/wp-content/themes/Newspaper/wp-theme.php:1
[0x00007fd3a0613580] [INCLUDE_OR_EVAL]() /home/nginx/domains/caribbeannationalweekly.com/public/wp-content/themes/Newspaper/functions.php:722
[0x00007fd3a0613420] [INCLUDE_OR_EVAL]() /home/nginx/domains/caribbeannationalweekly.com/public/wp-settings.php:710
[0x00007fd3a0613220] [INCLUDE_OR_EVAL]() /home/nginx/domains/caribbeannationalweekly.com/public/wp-config.php:97
[0x00007fd3a06131a0] [INCLUDE_OR_EVAL]() /home/nginx/domains/caribbeannationalweekly.com/public/wp-load.php:50
[0x00007fd3a0613100] [INCLUDE_OR_EVAL]() /home/nginx/domains/caribbeannationalweekly.com/public/wp-blog-header.php:13
[0x00007fd3a0613070] [INCLUDE_OR_EVAL]() /home/nginx/domains/caribbeannationalweekly.com/public/index.php:17
Please assist me in resolving this issue. Thank you
Good morning, in principle it is resolved that all the columns appear, you just have to be careful with how I configure the homepage for these things.
Regarding the HEADER, it is clear that in mobile horizontal size the ‘deporteadaptado’ header logo stops being visible and I can’t find a way to make both logos visible without changing everything on the page, but well, I will keep looking for solutions.
Thanks for everything.
Hi,
Unfortunately, I do not understand. I do not see the situation you are saying, only the header menu that is not displayed on mobile. Could you please provide a screenshot of this?
Thank you!
Good morning,
In your screenshot, the “fedeacyl licenses” column is also hidden. If you view it on a computer, or even resize it in your browser, all the columns appear. However, on mobile, only “fedeacyl licenses” and the “accidents” section are visible; as I mentioned, “fedeacyl licenses” remains hidden.
Let me explain how it’s laid out.
Row. It occupies the entire space with the page name.
Row with separator.
Row divided into two columns: one has the information for “fedeacyl licenses” and the other for “Feddi licenses”.
Row with HTML containing the “action process” table.
As I said, it’s very strange because everything is visible on the computer, and if you reduce the page size, you first see the page name, then “fedeacyl licenses”, then “Feddi licenses”, and finally “sports accident table”.
I’ve looked at the header and I can’t figure it out.
Thanks for your time and I hope you can help.
Hi,
I just checked the page and for me both columns, the first one is https://i.imgur.com/xGk54Dl.png, https://i.imgur.com/ikNoZ9N.png what I do not see if the mobile header.
https://forum.tagdiv.com/header-manager/
Thank you!
Hi,
Unfortunately, I do not have a Mac to test it on a real device, and it appears that those simulators are not displaying the error.
The problems that can be on Safari are usually related to:
– position: sticky;
Parallax or “Zoom” effects in blocks:
– transform: translate3d()
– transform: scale()
Box-shadows
This uses a WebKit-specific media query that ONLY Safari matches:
/* Safari-only CSS */
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-touch-callout: none) {
/* Your Safari-only styles here */
.td-module-image,
.td-image-container,
.tdb-header,
.td-header-wrap {
transform: translateZ(0);
will-change: opacity, transform;
}
.td-block-span12 .td_module_flex,
.td_module_10,
.td_module_11,
.td_module_1 {
box-shadow: none !important;
}
}
}
Hi,
Whenever banners or images are placed inside an ad block element or added through the theme panel, ad blockers will automatically detect and block those sections. If you want to avoid this, you’ll need to use a regular image element instead, where you can select the image from your website and add a link to it. This can be done using tagDiv Composer on pages and cloud templates (unfortunately, it won’t work with the standard header you’re currently using).
Thank you!
Is it possible to allow the modal Sign in/Join dialog to accept ‘plus addressing’ such as name+something@email.com (+something is the plus addressing part) when creating a new account?
Switching ‘Verify email on sign up’ to off does not have an effect on this. (Theme panel > Header > Sign in/Join)
ver. 12.7.3
Hi,
Fixed. Is this a know issue?
on the other had, I still have one issue while saving, especially the home page from the editor:
On save all, it saves: header, footer and content.
Header and footer save OK, but content (wp-json/td-composer/save_post?uuid=ad1d24c3-ca98-5763-2f74-8d04749032cf) gets canceled after 10s.
If it manages to save it under 10s it returns the success message, if not, the loader stays on forever.
Do you have a solution for this too? the content seems to be saved all the time, but it doesn’t return the succes confirmation.
My header ad at HowNotToSail.com seems to be blocked on some browsers (it just shows a blue rectangle instead of the ad), even with very basic HTML code in the Theme Panel > Header Ad box, like:
<div class="td-all-devices">
<a href="https://example.com" target="_self" rel="noopener"><img src="https://example.com/Header-Ad.jpg" /></a>
</div>
How can I fix this? It’s not a mobile vs. desktop issue (it displays fine on some mobile devices), but I suspect there’s some code buried somewhere in the theme PHP regarding Google Adsense or something, which I don’t need, and which might be causing the issue?
Thanks!
No matter what I do, I can’t change better than you. Please watch the video.
Can not change menu
Hi,
Please check it via email.
The situation was that you made some mobile templates, but the header and footer for the mobile templates weren’t converted.
Thank you!
Hi,
You need to use tagDiv Composer to edit the logo on homepage and the footer – https://i.imgur.com/yGB8e92.png – select teh logo, remove the text logo and svg code – https://i.imgur.com/7KcVSHH.jpeg – https://i.imgur.com/pU6pReT.png
