Return to previous page

How to make the menu larger and add a scroll button?

This topic has 6 replies, 2 voices, and was last updated 1 years, 4 months ago ago by Rose Tyler

GTP

Participant

September 28, 2023 at 00:36

Hello,

On this demo; https://xstore.8theme.com/elementor/demos/grocery-market

Once you click the 3 lines on top (inside the circle) it opens a menu

1) How can we make it large by extending the size?
2) How can we add a scroll on this menu?

Is it possible to get the code for these 2 features?

Thanks a lot for your help!

#368724 Copied Theme version: 9.1.12

5 Answers

Rose Tyler

Support staff

September 28, 2023 at 08:20

Hello,

Thank you for choosing XStore as your WooCommerce WordPress theme.

1/ Header Builder > Mobile menu > https://prnt.sc/GbPO3_iAiv4n

2/ The scroll should be added automatically once you add a lot of content to this menu.

We hope this information is helpful.

Kind Regards,
8theme team

#368756 Copied

GTP

Participant

September 30, 2023 at 22:53

Hi Rose,

Thanks!

1) Sorry, we meant in terms of the size of the panel. How can we make it larger?

2) Great! So if we have a static block and add more content, the scroll will add by itself.

Appreciate your support!

#368979 Copied
Rose Tyler

Support staff

October 2, 2023 at 06:18
Hello,

1/ The width of Off-Canvas menu panel can be changed by the next custom CSS code:

.et-off-canvas>.et-mini-content { max-width: 15%; }

2/ Please try it first, and you will see. We are not sure what exactly content you add in the static block, but it theori the scroll should be added by itself.

Kind Regards,
8theme team
#369015 Copied
GTP

Participant

October 2, 2023 at 22:50

Hello Rose,

Thanks! will try it out 🙂

#369152 Copied

Rose Tyler

Support staff

October 3, 2023 at 06:57

Hello, GTP,

You’re welcome!

Kind Regards,
8theme team

#369169 Copied
Tagged: best selling woocommerce menu enhancement, enlarge menu woocommerce themes, improve woocommerce theme navigation, optimize woocommerce menu, scroll button woocommerce themes
Viewing 6 results - 1 through 6 (of 6 total)