Return to previous page

I have a problem with dropdown menu - by bluewhale

This topic has 14 replies, 5 voices, and was last updated 7 years, 3 months ago ago by Rose Tyler

bluewhale

Participant

April 25, 2017 at 04:37

I use 8theme with BIKE Demo. I have found one problem when I created the dropdown menu. It separate from the top menu. When I scroll down to click the dropdown menu, It’s disappear. How can I fix this ? Is it bug ? Pic

#161111 Copied Theme version: 1.0

13 Answers

Amzy Leel

Participant

April 25, 2017 at 06:04

Hello,

put this css code in,

8theme options >> styling >> custom css >> global custom css

.menu-wrapper .menu > li:hover .nav-sublist-dropdown { top: 15px; }

#161113 Copied

bluewhale

Participant

April 25, 2017 at 06:15

Already done adding code and clear Cached and Cookie on web browsing. Noting change.

#161114 Copied

Amzy Leel

Participant

April 25, 2017 at 07:11

replace that with this code

.menu-wrapper .menu > li:hover .nav-sublist-dropdown { top: 15px !important; }

#161115 Copied

bluewhale

Participant

April 25, 2017 at 07:30

If I do what you tell me, It’s fine when I scroll to top of the web page. However, when I scroll down , the dropdown menu will overlay the top bar menu like this Screen Pic

#161117 Copied

Amzy Leel

Participant

April 25, 2017 at 09:23

to check this I need a dropdown menu in your site but it seems you removed the dropdown menu.

#161142 Copied

bluewhale

Participant

April 26, 2017 at 04:30

I already put it back. Please check and tell me how to fix it.

#161282 Copied
Olga Barlow

Support staff

April 27, 2017 at 14:29
Hello,

To fix the fixed header drop-down add the following code
```
.fixed-header .menu-wrapper .menu > li:hover .nav-sublist-dropdown {
    top: 62px !important;
}
```
Regards
#161501 Copied
triplestrength

Participant

August 16, 2017 at 15:00

Im having the same issue. When I hover over the link, the dropdown menu displays, when I got to click a submenu item, the dropdown menu disappears.

Please advise.

Please, contact administrator
for this information.

#170226 Copied
Rose Tyler

Support staff

August 16, 2017 at 15:16
Hello, @triplestrength,

Please add this code in Theme Options > Custom css:
```
.menu-wrapper .menu > li:hover .nav-sublist-dropdown {
    top: 50px !important;
}
```
Regards
#170231 Copied
triplestrength

Participant

August 16, 2017 at 15:32

Is it possible to have it not overlap the header?

#170236 Copied
Rose Tyler

Support staff

August 17, 2017 at 09:19
You may change previous code to:
```
.fixed-header .nav-sublist-dropdown:before {
    top: -40px !important;
}
.nav-sublist-dropdown:before {
    top: -60px;
    height: 70px;
}
```
Regards
#170278 Copied
triplestrength

Participant

August 17, 2017 at 15:14

perfect! thank you!

#170308 Copied

Rose Tyler

Support staff

August 17, 2017 at 15:21

You’re welcome!

Regards

#170312 Copied
Tagged: dropdown menu, problem, themes, woocommerce, wordpress
Viewing 14 results - 1 through 14 (of 14 total)