Return to previous page

How to customize mobile menu and questions attached?

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

kmc

Participant

September 3, 2024 at 15:40

Please see pictures attached, questions below

1. how to remove the expanding lines in themobile menu? (green box)
2. how to customize font size and weight for 2nd level menu(blue box) and 3rd level menu (red box) seperately?
3. how can I make the mobile menu full page?
4. how to add image to the mobile menu?
5. any animation/motion effect options for the expantion of the dropping down mobile menu?

Files is visible for topic creator and
support staff only.

#412918 Copied Theme version: 9.3.18

1 Answer
Rose Tyler

Support staff

September 4, 2024 at 07:44
Hello, Kmc,

Thank you for reaching out to us with your inquiries.

1/ Custom CSS code can be used:
```
.elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist-dropdown, .elementor-widget-theme-etheme_mobile_menu .etheme-elementor-nav-menu.vertical .nav-sublist-dropdown .nav-sublist > ul {
    border: none !important;
}
```
2/
```
.item-design-dropdown .nav-sublist-dropdown ul > li > .etheme-elementor-nav-menu-item .elementor-item {
    font-size: 14px;
    font-weight: 600;
}
.item-design-dropdown .nav-sublist-dropdown ul > li.menu-item-has-children .nav-sublist .elementor-item {
    font-size: 10px;
    font-weight: 300;
}
```
3/
```
.elementor-location-header .etheme-elementor-off-canvas__main:has(.etheme-elementor-off-canvas__close-button.outside) {
    width: 100vw !important;
}
```
4/ https://www.8theme.com/documentation/docs/how-to-add-an-image-for-a-menu-item/
5/ There are no such settings, by default.

We trust that the information provided will be of significant assistance to you.

Best Regards,
8Theme’s Team
#412954 Copied
Tagged: adjust mobile menu, best selling woocommerce themes, customize mobile menu, mobile menu customization guide, woocommerce mobile questions, woocommerce themes customization
Viewing 2 results - 1 through 2 (of 2 total)