Home › Forums › WoodMart support forum › Mobile menu -> enable the “Show

Mobile menu -> enable the “Show

Viewing 30 posts - 1 through 30 (of 48 total)
1 2
  • Author
    Posts
  • August 30, 2024 at 5:33 pm #594015

    supplytech.infos
    Participant

    shop arrow doesn’t show

    Attachments:
    You must be logged in to view attached files.
    August 31, 2024 at 1:53 pm #594114

    Hung Pham
    Keymaster

    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,

    September 1, 2024 at 2:26 pm #594231

    supplytech.infos
    Participant

    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.
    September 1, 2024 at 3:38 pm #594238

    Hung Pham
    Keymaster

    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,

    September 1, 2024 at 3:55 pm #594245

    supplytech.infos
    Participant

    yes of course :

    September 1, 2024 at 5:18 pm #594256

    supplytech.infos
    Participant

    are you there Sir ?

    September 1, 2024 at 9:12 pm #594270

    supplytech.infos
    Participant

    ????????

    September 1, 2024 at 9:15 pm #594271

    supplytech.infos
    Participant

    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.

    September 2, 2024 at 11:23 am #594393

    supplytech.infos
    Participant

    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.

    September 2, 2024 at 11:54 am #594408

    supplytech.infos
    Participant

    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.

    September 2, 2024 at 11:59 am #594420

    supplytech.infos
    Participant

    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.
    September 2, 2024 at 12:04 pm #594425

    supplytech.infos
    Participant

    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.

    September 2, 2024 at 12:17 pm #594432

    supplytech.infos
    Participant

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

    September 2, 2024 at 12:50 pm #594444

    supplytech.infos
    Participant

    hello

    September 2, 2024 at 7:34 pm #594611

    Hung Pham
    Keymaster

    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,

    September 2, 2024 at 8:10 pm #594620

    supplytech.infos
    Participant

    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.
    September 3, 2024 at 6:29 am #594689

    Hung Pham
    Keymaster

    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,

    September 3, 2024 at 2:38 pm #594906

    supplytech.infos
    Participant

    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.
    September 4, 2024 at 11:37 am #595109

    supplytech.infos
    Participant

    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.
    September 4, 2024 at 11:44 am #595115

    supplytech.infos
    Participant

    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.
    September 4, 2024 at 6:39 pm #595277

    Hung Pham
    Keymaster

    Hi supplytech.infos,

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

    Regards,

    September 4, 2024 at 7:57 pm #595287

    supplytech.infos
    Participant

    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.
    September 5, 2024 at 5:38 am #595329

    Hung Pham
    Keymaster

    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,

    September 5, 2024 at 11:33 am #595422

    supplytech.infos
    Participant

    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.
    September 5, 2024 at 2:24 pm #595478

    supplytech.infos
    Participant

    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.
    September 5, 2024 at 2:50 pm #595495

    Hung Pham
    Keymaster

    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,

    September 5, 2024 at 4:17 pm #595536

    supplytech.infos
    Participant

    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.
    September 6, 2024 at 6:29 am #595617

    Hung Pham
    Keymaster

    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,

    September 6, 2024 at 1:22 pm #595731

    supplytech.infos
    Participant

    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!

    September 7, 2024 at 3:02 am #595853

    Hung Pham
    Keymaster

    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

Tagged: 

Viewing 30 posts - 1 through 30 (of 48 total)
1 2