Return to previous page

Menu sub-dropdown covers whole header bottom

This topic has 2 replies, 2 voices, and was last updated 2 years, 5 months ago ago by Olga Barlow

Benas

Participant

July 4, 2022 at 17:14

Hello,

I created 4 levels dropdown menu in my e-shop. But when I hover on the first level 2 level dropdown appears much higher though it should not be. I want it to be on the same level as interacting with menu.

Print screen: https://share.icloud.com/photos/0c4EpI8xhEwQUv1FHYJB-uDrw

Please, contact administrator
for this information.

#328645 Copied Theme version: 8.2.2 WooCommerce version: 6.6.1

1 Answer
Olga Barlow

Support staff

July 4, 2022 at 20:09
Hello,

Add the below code to Theme Options > Custom CSS
```
.template-container .secondary-menu-wrapper .menu > .item-design-mega-menu .nav-sublist-dropdown, .template-container .secondary-menu-wrapper .menu .item-design-dropdown.menu-item-has-children:first-child .nav-sublist-dropdown {
    top: 50%;
}
```
Regards
#328663 Copied
Tagged: bottom, header, menu, sub-dropdown, templates, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘Menu sub-dropdown covers whole header bottom’' has been successfully resolved, and the topic is now closed for further responses

Menu sub-dropdown covers whole header bottom

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection