Home › Forums › WoodMart support forum › Mobile menu -> enable the “Show
Mobile menu -> enable the “Show
- This topic has 87 replies, 2 voices, and was last updated 5 days, 22 hours ago by Hung Pham.
-
AuthorPosts
-
August 30, 2024 at 5:33 pm #594015
supplytech.infosParticipantshop arrow doesn’t show
Attachments:
You must be logged in to view attached files.August 31, 2024 at 1:53 pm #594114
Hung PhamKeymasterHi 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,
September 1, 2024 at 2:26 pm #594231
supplytech.infosParticipantThank 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.September 1, 2024 at 3:38 pm #594238
Hung PhamKeymasterHi 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,
September 1, 2024 at 3:55 pm #594245
supplytech.infosParticipantyes of course :
September 1, 2024 at 5:18 pm #594256
supplytech.infosParticipantare you there Sir ?
September 1, 2024 at 9:12 pm #594270
supplytech.infosParticipant????????
September 1, 2024 at 9:15 pm #594271
supplytech.infosParticipantHi,
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.
September 2, 2024 at 11:23 am #594393
supplytech.infosParticipantIt’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.
September 2, 2024 at 11:54 am #594408
supplytech.infosParticipantI’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.
September 2, 2024 at 11:59 am #594420
supplytech.infosParticipantI’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.September 2, 2024 at 12:04 pm #594425
supplytech.infosParticipantPlease 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.
September 2, 2024 at 12:17 pm #594432
supplytech.infosParticipant???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
September 2, 2024 at 12:50 pm #594444
supplytech.infosParticipanthello
September 2, 2024 at 7:34 pm #594611
Hung PhamKeymasterHi 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,
September 2, 2024 at 8:10 pm #594620
supplytech.infosParticipantI 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.September 3, 2024 at 6:29 am #594689
Hung PhamKeymasterHi 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,
September 3, 2024 at 2:38 pm #594906
supplytech.infosParticipanthope 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.September 4, 2024 at 11:37 am #595109
supplytech.infosParticipantthis 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.September 4, 2024 at 11:44 am #595115
supplytech.infosParticipantthis 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.September 4, 2024 at 6:39 pm #595277
Hung PhamKeymasterHi supplytech.infos,
I’ve fixed your issue. Please check your site again.
Regards,
September 4, 2024 at 7:57 pm #595287
supplytech.infosParticipantits 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.September 5, 2024 at 5:38 am #595329
Hung PhamKeymasterHi 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,
September 5, 2024 at 11:33 am #595422
supplytech.infosParticipanthi thank you for your reply ,
for the PC : in the product page labels, still in the right i want move to leftAttachments:
You must be logged in to view attached files.September 5, 2024 at 2:24 pm #595478
supplytech.infosParticipantHello,
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 youAttachments:
You must be logged in to view attached files.September 5, 2024 at 2:50 pm #595495
Hung PhamKeymasterHi 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,
September 5, 2024 at 4:17 pm #595536
supplytech.infosParticipantthank 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.September 6, 2024 at 6:29 am #595617
Hung PhamKeymasterHi 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,
September 6, 2024 at 1:22 pm #595731
supplytech.infosParticipantHello,
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!
September 7, 2024 at 3:02 am #595853
Hung PhamKeymasterHi 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,
-
AuthorPosts
Tagged: the submenus on the SHOP page appear on the PC version but do not show up on the mobile version.
- You must be logged in to create new topics. Login / Register