Mobile menu -> enable the “Show

shop arrow doesn’t show

Attachments:

You must be logged in to view attached files.

Hi supplytech.infos,

Thanks for reaching to us.

HTML Block is used to create a Mega Menu block and cannot be used in mobile view as the mobile view does not have space enough to reflect it.

You need to create separate multi-level Categories menu for mobile menu https://prnt.sc/19SX5WWqX_6e

Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through admin bar directly https://prnt.sc/Ct9ehRDvvDV9.

Switch to Mobile tab, hover on Mobile menu element, click on Pencil icon to edit it https://prnt.sc/s6iF4ilXjpmW here you assign created menu above to display on mobile. https://prnt.sc/zRLwmIlGloJE https://prnt.sc/N4PrLBOJKMQm

Please refer to this article https://xtemos.com/docs-topic/adding-menu-to-the-site/

Regards,

Thank you for your feedback. I’ve resolved the issue, but there’s still one problem left. As you can see in the attached photos, the submenus on the SHOP page appear on the PC version but do not show up on the mobile version.

Attachments:

You must be logged in to view attached files.

Hi supplytech.infos,

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

yes of course :

are you there Sir ?

????????

Hi,

Just a reminder that I’ve already provided the temporary wp-admin credentials (URL, username, and password) in the Private Content area. Please check and resolve the issue as soon as possible.

Thank you.

It’s not acceptable that I write to you and receive no response, or that you reply at your convenience. The information I’ve sent is sensitive, and I can’t keep my account unsecured. It’s crucial that you address all my issues so I can update my login details.

I’m disappointed by the level of technical support I’ve received. Unfortunately, I’ll have to remove the theme, as it hasn’t met my expectations. I’ll also be sharing my experience with the company that sold me the theme and the theme’s developer. Thank you, and have a good day.

I’ve already sent my admin credentials, so why is this still an issue? As for the menu configuration, I’m familiar with it—I’ve read the manual and watched the videos. However, this is a bug. I’m asking you to review the attachments I’ve sent. I’ll repeat: if you take a close look and carefully analyze the photos, you’ll understand what I’m referring to.

Attachments:

You must be logged in to view attached files.

Please respond quickly; I can’t spend the entire day in front of my computer waiting for your reply. If you prefer, I can send you a TeamViewer link so you can access my laptop, and I’ll show you the issue directly.

???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

hello

Hi supplytech.infos,

First of all, I’m really sorry have taken long time to reply you due to the weekend.

As I explained above: HTML Block is used to create a Mega Menu block and cannot be used in mobile view as the mobile view does not have space enough to reflect it. https://prnt.sc/AU1Fffe5gUBT

Please follow my previous instructions and check if it works https://xtemos.com/forums/topic/mobile-menu-enable-the-show/#post-594114

Regards,

I don’t want the images on the mobile menu but only the content (submenu titles like the other menus which are displayed without problem but the shop submenu are not displayed

Attachments:

You must be logged in to view attached files.

Hi supplytech.infos,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for Mobile section:

.wd-nav-mobile>li>:is(.wd-sub-menu,ul.sub-sub-menu),
.wd-nav-mobile>li>ul li>:is(.wd-sub-menu,ul.sub-sub-menu) {
	display: block;
}

Then, edit the Mega Menu via Elementor > switch to Mobile Editor > and you can remove padding left https://prnt.sc/WzROokFf3-wD

Regards,

hope this message finds you well.

I wanted to let you know that the CSS code is working now. However, I’m encountering an issue where the submenus are automatically expanding without clicking on the menu arrows.

I’ve attached a screenshot for your reference. Could you please take a look and help resolve this issue?

Thank you for your assistance.

Attachments:

You must be logged in to view attached files.

this css code word but just i need to change display: block;
}

Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for Mobile section:

.wd-nav-mobile>li>:is(.wd-sub-menu,ul.sub-sub-menu),
.wd-nav-mobile>li>ul li>:is(.wd-sub-menu,ul.sub-sub-menu) {
display: block;
}

Attachments:

You must be logged in to view attached files.

this css code word but just i need to change display: block;
}

Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for Mobile section:

.wd-nav-mobile>li>:is(.wd-sub-menu,ul.sub-sub-menu),
.wd-nav-mobile>li>ul li>:is(.wd-sub-menu,ul.sub-sub-menu) {
display: block;
}

Attachments:

You must be logged in to view attached files.

Hi supplytech.infos,

I’ve fixed your issue. Please check your site again.

Regards,

its ok now work thank you ,

I would like to request two modifications to the design of our site:

Mobile Version: I would like the labels to be smaller to better fit the screen size.

PC Version: I want the label on the product page to be positioned on the left side.

Attachments:

You must be logged in to view attached files.

Hi supplytech.infos,

1. On the mobile devices, please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for Mobile section:

.product-labels.labels-rounded span.product-label {
	min-height: 20px;
	font-size: 10px;
}

span.product-label {
	min-width: 20px;
}

2. On the desktop, I can see the product labels are aligned to the left. Please confirm me back if you resolved it by yourself.

Regards,

hi thank you for your reply ,
for the PC : in the product page labels, still in the right i want move to left

Attachments:

You must be logged in to view attached files.

Hello,
Can you please explain how you resolved the issue with the submenu for the mobile version? I don’t see any CSS code inserted.
thank you

Attachments:

You must be logged in to view attached files.

Hi supplytech.infos,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for Desktop:

.woocommerce-product-gallery div.product-labels{
	width: 100%;
	max-width: 100%;
	align-items: flex-start;
}

.woocommerce-product-gallery .product-labels.labels-rounded span.new.product-label {
	position: absolute;
	right: 0;
}

Regards,

thank you for your reply
1-Can you please explain how you resolved the issue with the submenu for the mobile version? I don’t see any CSS code inserted.
2- for the css code not work
.woocommerce-product-gallery div.product-labels{
width: 100%;
max-width: 100%;
align-items: flex-start;
}

.woocommerce-product-gallery .product-labels.labels-rounded span.new.product-label {
position: absolute;
right: 0;
}

Attachments:

You must be logged in to view attached files.

Hi supplytech.infos,

1. I moved all Custom CSS codes from Additional CSS to Theme Settings > Custom CSS. You can see codes there.

2. I thought that you only wanted to moved, so I helped you to remove above code, you can use below ones:

div.woocommerce-product-gallery .product-labels[class*="labels-rounded"] {
	inset-inline-end: auto;
	inset-inline-start: 15px;
}

Regards,

Hello,

1) I am very grateful for the valuable assistance I received from you. You are a genius, thank you!
2) Regarding the CSS code you applied, I would like to have a copy of it, just in case I need to reinstall the theme in the future. Could you also show me where I can insert the code on the site?

Thank you in advance!

Hi supplytech.infos,

All Custom CSS codes I placed in Theme Settings > Custom CSS then you need to export theme settings. You can read more here https://xtemos.com/docs-topic/theme-settings-backup/

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,

[Author]

Posts