Site logo

Archived topic

Secondary menu hover is not working in single post pages.

7 replies · Started by PABLO on April 1, 2021

Viewing posts 1–8 of 8

Hello, thanks for the great tool and support.

The secondary menu has a hover effect to change the color. It works in all the pages except in the single post pages.

Home page (it's working):
https://innersparklife.com/

About page (it's working):
https://innersparklife.com/about/

Single post page (there is no hover effect):
https://innersparklife.com/2021/04/01/relationships-5-powerful-sentences-to-end-discussions/

Password is 01 in all the cases.

Any idea of what's going on?

Hi there,

Any chance you can disable all plugins except GP Premium and let us take a look?

Let me know :)

Hi Leo, thanks for the quick response.

All plugins disabled, except GP premium. The issue is still there, you can check it in the post page.

Hi Pablo,

The cause of the issue is the color of the current is overriding the color of the hover.
https://www.screencast.com/t/TRuejfc11jns

It's because the post is under all the categories that appear in the menu, so the system treats it as a child page of all the menu items (categories and tags).
https://www.screencast.com/t/72XscYEJoyx7

I would suggest you be more specific in terms of assigning categories and tags.

wow... you are right, thanks a lot Ying!

I assigned all the categories just for testing purposes. But even if I assign just one category, the corresponding tag of the secondary menu doesn't have hover response. Meaning, I will loose the hover response in the secondary menu tag of the corresponding category/categories of each single post. not cool! You can check the single post now, it has just one category.

I don´t understand why a single post is recognized as the current element if the secondary menu is pointing to the category pages. Any idea about how could I solve this?

Thanks!

You could give this CSS a try:

body .secondary-navigation .main-nav ul li[class*="current-menu-"] > a:hover, body .secondary-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
    color: #f0f4f5;
    background-color: #a4cccc;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know :)

It works great! Thanks a lot! :)

You are welcome :)

This archived topic is closed to new replies.