Header Builder Design

https://ibb.co/W48Ym1QZ
On mobile devices, you can set up a custom button like this. I’d like to ask how to display a similar button on a computer?
https://imgbb.com/upload

Hello,

The button shown in your screenshot is part of WoodMart’s Mobile Bottom Navbar (Sticky Toolbar) feature. By default, this functionality is designed for mobile devices only and is automatically hidden on desktop screens.

Currently, WoodMart does not provide a built-in option to display the Mobile Bottom Navbar on desktop devices.

Best Regards

https://ibb.co/ZpvbwHkv
I added an image to the menu title, but why is this happening?

https://ibb.co/B2GyRzt6
I’d like to know how to set the icons on the left to be the same size as those on the right? Also, how do I set the text for the sub-menus on the left?

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

I’ve found a solution to the main menu icon display issue, but I haven’t found a solution for the sub-menu icon and font issues yet.

Hello,

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS. Change the code values as per your requirement to adjust the font size and icon size.

.wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp > .wd-sub-menu > li > a {
    font-size: 18px !important;
    font-weight: 600 !important;
}
.wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp > .wd-sub-menu > li > a .wd-nav-img {
    --nav-img-height: 30px !important;
    max-height: 30px !important;
}

Best Regards

I tried your code, and the display changes on the computer, but the images and text on the mobile device remain unchanged. How can I resolve this display issue between mobile devices and tablets?

Hello,

Try to add the following custom css code in Theme Settings > Custom CSS > Custom CSS for mobile.

/* Adjust menu text size and weight on mobile/tablet */
.mobile-nav .wd-nav-mobile li > a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: black !important;
}

/* Adjust menu icon/image sizes inside mobile sub-menus */
.mobile-nav .wd-nav-mobile .wd-sub-menu li > a img {
    --nav-img-height: 25px !important;
    --nav-img-width: 25px !important;
    max-height: 25px !important;
    width: 25px !important;
    height: 25px !important;
}

Best Regards

https://ibb.co/KcZLNFZT
https://ibb.co/8LPcxn7y
https://ibb.co/wFp0P4xk
I don’t know why the content cannot be vertically centered here.
I am using Nested Carousel Element

https://ibb.co/WNySCzyj
https://ibb.co/KxJ6dp3b
The arrow color setting in the product image is not working.

Hello,

01. I have checked your site and was unable to find the announcement text bar in the top header.

See Screenshot for clarification: https://postimg.cc/gX7rZRWK

02. These settings are for the carousel arrows, not the gallery arrows. Try to add the following custom css code in Theme Settings > Custom CSS > Custom CSS:

.single-product .woocommerce-product-gallery .wd-arrow-inner {
  color: #fff;
}

Best Regards

[Author]

Posts