How to change Tabs order?

Thank you!

I have one more question: When I am on the homepage and click on a submenu item under the “MENU,” it navigates to the corresponding section on the page. If I open the menu again and click on another menu item, it also navigates correctly, but the menu does not close. So, after the first click, the menu closes as expected, but after that, it stays open. Could you help me figure out how to fix this?

Thank you,
Kinga

Attachments:

You must be logged in to view attached files.

Hi,

The behavior of the dropdown in the header on your site is normal for menus using anchors for navigation within the same page. When clicking a menu item, it simply acts as a link within the page, and there is no trigger available to close the dropdown. As a result, the dropdown remains open because the cursor is still hovering over it.

The closing behavior you mentioned in your message is not directly related to the initial click on the menu after loading the page, but is instead tied to the transition of the header from a “non-sticky” to a “sticky” state. The dropdown will close each time you click on it when the header is non-sticky, scroll back to the top of the page, and click again. This behavior is demonstrated in the video: https://monosnap.com/file/incSzVb76eCdkJ295OwCgQVdgc4ydg.

On the other hand, if you click on the menu when the header is already in the “sticky” state, the dropdown will remain open regardless of how many times you click while navigating the page. This is shown in the video: https://monosnap.com/file/jFJ3ReJUXGD2PILftYkkum0oWwVOC5.

From the above, it follows that clicking on the dropdown cannot close it. Instead, the dropdown closes because the header changes its status from “non-sticky” to “sticky,” triggered by the CSS transition of the header from position: absolute to position: fixed. Unfortunately, it is technically impossible to make the dropdown close upon clicking an anchor inside it, even with custom code.

However, it is possible to prevent the dropdown from closing when clicking in a “non-sticky” header. This will provide a consistent anchor navigation experience, regardless of the header’s position.

To achieve this, add the following custom code to the Global Custom CSS area in the Theme Settings:

.whb-sticky-prepared .whb-main-header {
    position: fixed;
}

Kind Regards

Thank you. 🙂
I have one more question. I’ve downloaded WPML, but my homepage looks really strange. It seems like there’s an issue with the page sizing or maybe some padding/margin-right. Could you take a look and see what might be the problem? Thank you! 🙂 K

Also can you please check on my ‘Blog’ area? It seems it didn’t like the translation, I attached a photo about it. Thank youu 🙂

Attachments:

You must be logged in to view attached files.

And please also look at the Products area as well.
+ If I search for a product, I also can see the “span” tag.

Thanks, Kinga

Attachments:

You must be logged in to view attached files.

Hello,

Could you please check how it behaves with default WordPress themes, such as TwentyTwenty or Storefront, to help determine if the issue is related to our theme or not?

Kind Regards

Hello,

I turned on Storefront, but the blog articles and product names still appear very strangely.
Please check the photos attached.
Thank you,
Kinga

Attachments:

You must be logged in to view attached files.

Hi,

If you see this issue with the WoodMart theme disabled, it means that our theme is not causing the problem and does not affect the text appearance you are showing. In this case, we recommend reaching out to the support team of the WPML plugin responsible for the issue.

Kind Regards

Thank you very much, it’s resolved. The issue was caused by Yoast SEO.
My question is about linking to the footer in the menu. Interestingly, it works on a laptop but not on mobile phones or tablets. The footer contains three blocks, all named “contact,” so that when someone clicks the menu item, it should navigate there. How should we link it properly to ensure it works on all devices, not just on a laptop? Thank you. Kinga

Hi,

Your issue occurs because you are using three different footer sections, each shown or hidden based on screen width, while assigning them the same ID that you are trying to reference in the menu.

By default, when using an anchor link, browsers scroll to the first matching ID found on the page. In your case, when clicking the “Kontakt” menu item, the browser tries to navigate to the first section with id=”kontak”, which happens to be the desktop footer section (screenshot https://monosnap.com/file/qh8M0rw8OUDO7fTYpdd0aWkVXRKMjo). Since this section is hidden on mobile, nothing happens.

Our theme does not affect the browser’s default behavior for ID-based navigation, nor does it influence how Elementor hides sections for responsive site settings.

Based on this, the issue can only be resolved by reviewing the structure of your footer or adjusting the navigation logic. Here are a few possible solutions:
1. Use a single footer container instead of three separate ones
• Adjust responsive orientation of inner columns using Elementor settings like Direction (screenshot https://monosnap.com/file/vy4cONO0vAQixNGAW20Khl1PyM8Ws4)
• Set visibility rules for individual elements inside the container, instead of hiding entire containers
2. Assign different IDs to different containers
• Give one ID to the desktop footer and a different ID to the mobile/tablet footer
• Update your menu links to point to the correct visible container
3. Wrap all three footer containers inside a single parent container
• Remove id=”kontak” from all individual containers
• Assign one ID to the parent container, so the anchor link works regardless of which footer section is displayed on current screen width.

Kind Regards

Thank you for your quick reply. 🙂
We started to use WPML to translate our website, and we have found a few issues. Can you please help me with it?
– I can\’t translate the titles in the widget (even if I do, the English text appears on the Hungarian page as well).
– The widget appears strangely and does not update the number of plants (e.g., there are more than 2 pink plants). -> WooCommerce transients: The widget seems fine when the product search database table cache is refreshed, but only until a new product is added.
– I can\’t translate the following two texts within the product layout (I tried adding them to the layout with HTML, but it didn’t work). I have already changed the translation everywhere, yet it still appears in Hungarian here.

Thank you so much,
Kinga

Attachments:

You must be logged in to view attached files.

Unfortunately, your message is not entirely clear to us, as the term “widget” has a broad meaning in the context of WordPress, and we are unsure which specific areas you are referring to. After a quick review of your site’s pages, we did not find any Elementor elements or WordPress widgets displayed in English. Additionally, we do not see a language switcher that would allow us to compare content in different languages.

To proceed with troubleshooting, please provide a detailed list of issues, specifying each problem separately, and attach a screenshot for each issue to help us identify the exact location. Also, if the issue is related to translations, we will need admin access to your site to check the translation settings after you provide a detailed description of the problems. Once we have this information, we will be able to investigate further.

Kind Regards

Sorry, you are right. Right now you won’t find a language switcher on the site but you can reach it, please see the link down there.
Many thanks 🙂 K

As mentioned in the previous reply, to investigate the issue, we need administrator access to review the site settings.

Kind Regards

Yeah, you can use the previous administrator access. See down there.

Hello,

We found another issue during the website translation process: the menu (header builder) gets different settings (dark or light theme) on different languages. As a result, while the Hungarian menu looks good and everything is properly colored, the English version looks completely different.
Please see the private content.
Thank you,
Kinga

Hello,

over the weekend, I had time to work on the website and managed to solve a few of the existing issues.
What is still a problem:
– the menu works perfectly in Hungarian, but it breaks in English (I previously mentioned the light/dark theme and that the class might be different, which could be the issue. I haven’t been able to solve this yet.) -> please check it here: http://www.bougainvilleawebshop.com/en
– Postcode problem: In the WooCommerce area, I added postcodes for billing and shipping. It used to work fine, but now whenever I enter any valid postcode (which is valid), it says it’s not valid and asks me to enter a valid ZIP code. See the photo there. The error message is shown twice.
– How to translate billing and shipping datas? I tried to do it everywhere, without success (you can see it after you logged in).
– <Span> problem: The span prefix is visible in the search field during search and also in the email. You mentioned earlier that this issue was being fixed. Do you know when the update will be released?
– In WPML, even though I changed the text in the Waitlist section, it doesn’t update in the English version. “Elolvastam és elfogadom az Privacy policyt.”
– How to rewrite Login/Register (it is too long for me, Login is enough)
– In the editor view, there is a folder called — Uncategorized @hu within the category. In the Hungarian version, this is the default, but not in the English version. This folder is unnecessary for me, and I would like to delete it, but in the Hungarian version, I cannot select another default category, so I can’t remove it. Could you help me?

I’ve attached a screenshot for everything I could. I sent the login code earlier, but I’ve provided it again now.
These are the last fixes needed, and then my English site will be ready. Thank you for your help and support! 🙂

Kinga

Attachments:

You must be logged in to view attached files.

See other 3 photos here.

Attachments:

You must be logged in to view attached files.

Hi hello.hellobloom,

First of all, I am appreciate your patience.

Would you mind if I deactivate extra plugins for testing? Please confirm me back.

Regards,

Hello,

Yeah, you can do that, just go on.
Please let me know when you finished the process so I can reactivate it.
Thanks, Kinga

Hi hello.hellobloom,

1. EN Menu

It looks good on my end https://ibb.co/WNXS4FGf Please double check, and let me know.

2. Postcode problem

This is related to zones configurations in WooCommerce, and WoodMart does not control it.

Please check how it works with some default WordPress themes like TwentyTwenty Five or WooCommerce Storefront to understand if it is our theme issue or not? I also kindly suggest that you reach out directly to the WooCommerce plugin’s support team https://wordpress.org/support/plugin/woocommerce/, who are better equipped to provide you with the guidance you requires .

3. Translation

+ In order to change / translate words. Please make sure you synced the strings first before changing / translating WooCommerce, WoodMart Core plugins and WoodMart theme. You can refer to article

https://xtemos.com/docs-topic/theme-translation/
https://xtemos.com/docs-topic/how-to-make-woodmart-multilingual-with-wpml/

+ You are also need to select the language for the backend and theme settings for admin from the admin user profile, please edit the user’s profile and then select the language for that user it will show the same on the backend.

+ Some strings related to Waitlist / Wishlist / Compare / Login & Register page, you can change in Theme Settings > Shop or Theme Settings > My account https://prnt.sc/W8Tt95stG3YC

+ Some strings from Theme Settings needed to be translated via Admin settings of WPML https://ibb.co/Fk021ZzM. Please refer to this article for more details:

https://wpml.org/documentation/getting-started-guide/string-translation/finding-strings-that-dont-appear-on-the-string-translation-page/#translate-admin-and-settings-strings

4. <Span> problem

I’ve passed this topic to one of our developers for more details, and I will let you know once get an answer.

5. By default WooCommerce allows only one Category to be selected as Default Category but you can switch the Default Category among your Site Categories using the row actions underneath the category name. Then In this way, the Default Category can be deleted as it is no longer the default: https://ibb.co/1LzHjSD

Regards,

Hello,

thank you for your detailed feedback. I will review everything, but I wanted to address the menu issue as soon as possible.
The problem with the menu is in the dropdown (hover over the word “MENU”). I was referring to the style that appears here—the Hungarian menu is different from the English one because the class is different.
I added some codes down there.

Thanks, Kinga

Hi hello.hellobloom,

4. Unfortunately, HTML tags cannot be in the product name, and in this case, you need to remove them.

5. Menu translation: Navigate to Appearance > Menus > make sure that the menu items are created for both languages.

Regards,

Hello,

thank you for the quick feedback.

1. EN menu: thank you, it’s done. Right now the question is the menu of the account, please see the video.
2. got it, thanks
3. Ohh, thank you so much, this admin translation helped a lot! 🙂 Just one question: what if I don’t like the original english translation? Is it possible to rewrite it or better to avoid it becase of future problems?
4. <span> I wanted to break down the product name that’s why I used it, cause it looked so much better in 2 rows than in 1, but ok, I deleted it.

Many thanks, Kinga 🙂

Hi hello.hellobloom,

I see you added below custom css code to change hover color of menu items in Appearance > Customize:

.whb-sticky-prepared .whb-general-header a:hover {
    color: #ec2b7b !important;
}

.wd-sub-menu>li:hover>a, .wd-sub-menu>li.wd-opened>a {
    background-color: #ec2b7b !important;
}

Please remove it and I kindly recommend you to put all Custom CSS in Theme Settings > Custom CSS instead.

Please use below Custom CSS:

.wd-dropdown-my-account li:hover a{
    background-color: #ec2b7b;
}

.wd-dropdown-my-account .wd-sub-menu li>a:hover {
    color: #fff;
}

Regards,

Thank you, it helped. 🙂
Right now we have experienced some issue with Elementor.
On the Hungarian Pages – PÉNZTÁR (Checkout) page, editing with Elementor does not load. This error message appears (I attached a screenshot of it).
This is the translation of the photo:

Sorry, no content area was found on your page.
For Elementor to work on this page, the ‘the_content’ function must be called in the current template.

Are you able to check that this is only connected to the Elementor plugin?

Attachments:

You must be logged in to view attached files.

Hi hello.hellobloom,

Appreciate your patience.

You cannot edit the WooCommerce pages directly with any page builders.

– You can go to Dashboard > Theme Settings > Product archive and there you can find options related to WooCommerce pages.

– You are also can use Custom WooCommerce Builder to rebuild WooCommerce pages, please refer to documentation https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Regards,

Thank you, it helped a lot. 🙂
Thank you so much for always responding quickly and helping us solve any issues. 🙂 We’ve pretty much finished the site—thanks for everything! 🙂
If there’s anywhere we can leave a review for you, please let us know, and we’ll be happy to do so! 🙂

Kinga

Hi hello.hellobloom,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

Unfortunately, I downloaded the latest version of Woodmart in WordPress, and my website is showing errors in headers.
The header is not working as you can see it in the video. I may found the problem’s location, I attached a photo as well.
Please help me, thanks, Kinga

Attachments:

You must be logged in to view attached files.

[Author]

Posts