Issue with Image for categories navigation

Hi there, we see that the icons that we put as the images for categories navigation on desktop & mobile became smaller, we don’t find any option in woodmart settings to make it bigger (we attached a screenshot of the issue in the private area).

Also another question, it is possible to customize the mobile menu to have category banners? we attached an example screenshot.

Waiting for your response,
Best regards.

We sent you a link to our website shop page in the private area.

Hello,

1- To increase the size of the Category Navigation images under the Archive page title, please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

.wd-nav-product-cat .category-nav-link .wd-nav-img {
   width: 3em !important;
   max-height: 3em !important;
}

In this CSS, you can change the values of width & max-height according to your choice but remember to have the same values for both of them.

2- Regarding the Mobile Menu, sorry to say but the Mobile Menu doesn’t support HTML Block or Category Banner usage right now. It accepts the simple Menu Style in the classic way which is Parent Item > Sub Item > Sub Item.

Best Regards.

Hi there, this custom code doesn’t work, we even tried to change the numbers to 20 like this :

.wd-nav-product-cat .category-nav-link .wd-nav-img {
width: 29em !important;
max-height: 20em !important;
}

but it changes nothing.
Waiting for your response,
Best regards.

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

Sure its in the private area

Hello,

Sorry for the earlier inconvenience, we have now removed the earlier sent Custom CSS and now applied the following Custom CSS on your Site to modify the size of the Category Navigation Images under the Page Title:

.wd-nav-product-cat.wd-nav.wd-gap-m.wd-style-underline.hasno-product-count.wd-mobile-accordion .cat-item .category-nav-link img {
    max-height: 5em !important;
}

You can change its value of it according to your choice.

Location to find Custom CSS, go to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section >> there you can find the CSS pasted.

Best Regards.

[Author]

Posts