Return to previous page

2nd/3rd level menu not accessible when the page is scrolled down

This topic has 6 replies, 3 voices, and was last updated 6 years, 9 months ago ago by Amzy Leel

scorleo

Participant

July 18, 2017 at 14:39

Hi there,

Scroll down on any page, the menu re-aligns to the center from left, hover on the first level menus and you see options below but as soon as you move the cursor to select one of the 2/3 level menu the 2/3 level menu disappears. However, the 2/3 level menu is accessible on mega menu (Information Center) in this flow.

Also, the font of 2/3 level changes from black to extremely light grey, I’d like to change that as well. The mega menu code is already customized so I don’t have font color issue there but all the other menu font colors need to be corrected.

Thank you

#168233 Copied Theme version: Xstore 1 with child theme

5 Answers

Olga Barlow

Support staff

July 18, 2017 at 17:47

Hello,

Add the following CSS in Theme Options > Styling > Custom CSS

.fixed-header .nav-sublist-dropdown {top: 45px !important;}

Regards

#168264 Copied

scorleo

Participant

July 18, 2017 at 20:01

Thanks Olga!

What about font color, it’s extremely light grey at the moment in this state. When it’s in normal state (menu in left location and page not scrolled down) the fonts are black.

#168269 Copied

Amzy Leel

Participant

July 19, 2017 at 04:04

Hello,

Add the following CSS in Theme Options > Styling > Custom CSS

.item-design-dropdown .nav-sublist-dropdown ul > li > a { color: #000; }

If that does not work remove the JavaScript code which prevents the right click in your site and contact us back.

Regards,

#168283 Copied

scorleo

Participant

July 19, 2017 at 04:47

Hi Amy,

It didn’t work, JS disabled.

Thanks!

#168286 Copied

Amzy Leel

Participant

July 20, 2017 at 06:05

Hello,

use this code:

.fixed-header.header-color-dark .menu .item-design-dropdown .nav-sublist-dropdown li a { color: #1a1a1a; }

Regards,

#168414 Copied
Viewing 6 results - 1 through 6 (of 6 total)