Return to previous page

I want to know how I can make the megamenu scrollable

This topic has 2 replies, 2 voices, and was last updated 3 months, 3 weeks ago ago by Tony Rodriguez

Carolina

Participant

June 11, 2024 at 18:35

The megamenu options cannot all be seen in the PC view. I wanted to know if there is any option to make it scrollable?

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#399331 Copied Theme version: 1.0

1 Answer
Tony Rodriguez

Support staff

June 12, 2024 at 06:34
Hello, @Carolina,

Thank you for contacting us and for using XStore.

We are reaching out to provide guidance on adjusting the height of the category dropdown menu on your website. There are two methods you can employ to achieve this:

1. **Adding Dropdown Limits Using Elementor:**
– Navigate to the Department Menu Widget.
– Under the Content Tab, locate the Dropdown Limits section.
– Set the Dropdown Limit to 4 to reduce the height. Additional items will be accessible via the “See more” button.
– You can customize the dropdown limits according to your preferences by adjusting the limit.

For your reference, please view the adjustments in the image provided here: [Dropdown Limits Image](https://paste.pics/edit/R5K39)

2. **Adding a Scrollbar Using CSS:**
– To incorporate a scrollbar in the Categories Menu, please insert the following CSS code in the Xstore > Theme Options > Theme Custom CSS > Global CSS:
```
.nav-sublist-dropdown ul {
    height: 250px !important;
    overflow: auto !important;
}
```
You can see the expected result here: [Scrollbar Result Image](https://paste.pics/edit/R5KCL)

We trust these instructions will be helpful to you. Should you need any further assistance or have any questions, please feel free to contact us. Our team is here to support you.

Best Regards,
The 8Theme Team
#399358 Copied
Tagged: create scrollable megamenu woocommerce, make megamenu scrollable woocommerce, scrollable megamenu wordpress templates, woocommerce megamenu scrollable, wordpress woocommerce megamenu guide
Viewing 2 results - 1 through 2 (of 2 total)