[darktriadmanParticipant]

I am running Ethos.

My header menu has dropdown child menus. They work great, except for one thing:

If I hover over the main menu parent link, the dropdown child menu appears. So far, so good. I click on a child menu link, works great.

However, if I click on the Parent link, it gets focus – the underline appears and persists – but nothing happens. When I click it a second, time, THEN it takes me to the associated HREF link.

How can I ensure that the parent link works on first click?

Regards,

Ivan

[darktriadmanParticipant]

A related issue:

If I click once on the parent main menu link, it attains focus – the underline appears and the hover color displays. It doesn’t go to the actual HREF, which I indicated.

This hover color and underline focus persists EVEN with page refresh.

This creates an odd situation where a user clicks on the top level menu link… sees the hover color and underline… nothing happens… so the user hits CTRL-R or clicks on reload page… and gets the same page, same focus and underline for the top level menu link… but without actually going anywhere.

Frustrating. Can you help?

Regards,

Ivan

[darktriadmanParticipant]

Additional related issue:

The underline (shadow?) persists on the page as a floating artifact, which is annoying.

I am going to try this out to see if removing it makes a difference:

.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
box-shadow: none !important;
}

Regards,

Ivan

[darktriadmanParticipant]

Above code didn’t work.

To summarize: two issues.

1. Main menu parent link requires two clicks to access. Should be only one.

2. I want to remove the underline/shadow associated with the menu for the active page, but keep the hover color for the main menu active page.

Regards,

Ivan

[ChristianModerator]

Hey Ivan,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[darktriadmanParticipant]

The site is in staging; cannot provide login so here is a video of what I am seeing:

0:00:00 to 0:13:00
– You can see the menu shadow (gold line) and hover color #FFFFFF for the parent link are present.
– Both are associated with that active page.
– Clicking on child links clears those (good).

0:13:00 to 0:17:00
– Clicking once on the parent link does nothing… it sits there.

0:17:00 to 0:22:00
– Clicking a second time on the parent link finally brings you to that HREF.

0:22:00 to 0:30:00
– The menu shadow (gold line) persists in floating over the page.

0:30:00 to 0:45:00
– The rest of the menus are floated over… then you can see the menu shadow cleared again with a child link click.

PLEASE:

1. I want to remove that gold floating shadow.
2. I want the parent link to work on the first click, even if the child menu is displayed.

Thank you!

Regards,

Ivan

[darktriadmanParticipant]

Adding one more request!

3. I still want the parent link to remain the #FFFFFF hover color to indicate active page (as it does now).

Thanks!

Regards,

Ivan

[Rue NelModerator]

Hey Ivan,

Thanks for updating in! We appreciate for sending us the video. To assist you with this issue, we’ll need you to provide us with your URL so that we can take a closer look at your page and your menu items. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you in advance.

[darktriadmanParticipant]

I fixed #2 and #3…

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none !important;    
}

Working on #1 now.

Regards,

Ivan

[darktriadmanParticipant]

Aaanndd….. #1 fixed.

Looks to be a Chrome caching issue.

Regards,

Ivan

[FriechModerator]

Glad you sorted things out,

Cheers!

[Author]

Posts