How to shorten the main browsing category menu to show ”more categories”
-
Hi support team,
I would like to ask how to shorten the browsing categories left side menu to do not overlap the next section, to show ”more categories” and redirect you to the shop page with the full list of the categories ?
and how to add this browsing categories to the shop page left side ?
Thank you in advance.
Alla
Attachments:
You must be
logged in to view attached files.
Hello,
01. Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.
.whb-header-bottom .wd-dropdown {
min-width: 300px !important;
}
You can adjust the width accordingly.
02. You need to insert the Product Category widget into the Shop widget area in Appearance > Widgets.
Find our documentation tutorial about this here:
:https://xtemos.com/docs-topic/widgets-and-sidebars/
Best Regards.
Hi,
Thank you for reply, I added the code and it’s not working.
Maybe you didnt understand me but I wanted the browsing categories left bar side menu on the home page to be shortened as I have a lot of categories listed there and they overlap the below sections.
Hello,
Sorry, but there is no such option available in theme settings for that. Alternatively, You can try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
.whb-header-bottom .wd-dropdown {
overflow: scroll;
height: 100px;
}
You can adjust the height according to your needs.
Best Regards.
Hi,
actually this code is working but not solving the problem.
I need the side bar menu to in the end to show more categories instead and when you click on the ”more categories” it will redirect you to the shop page category menu or just to the shop page.
Thank you.
Alla
Attachments:
You must be
logged in to view attached files.
Hi,
In this case you can create your custom link in category menu and set there any link:
Here is an example.
https://ibb.co/44Sk0zP.
https://ibb.co/khNm46x
Best Regards.
.
