[Resolved] Selected Menu Design

[iamarghya]

for navigation menu I have designed the hover effect when we hover this will create a underline but for selected the menu I want a same design when I select the menu there will be a underline or any other design by which readers can understand what menu they have selected. can u provide me the help?

[Leo]

Hi there,

Any chance you can link us to the page in question?

You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know 🙂

[iamarghya]

I am sorry I managed to solve this problem thank you

[Leo]

Glad to hear 🙂

[iamarghya]

sorry, I tried to find the relevant website I couldn’t find it now but I found the basics. so in generatepress when a menu hovers it turns blue and I want that when I click the menu it creates a fixed underline, check my website menu hover design I want the same design when the menu is selected.

[David]

Hi there,

you have this CSS:

.main-navigation .menu > .menu-item.current-menu-ancestor > a::after, .main-navigation .menu > .menu-item > a:hover::after {
    width: 70%;
}

change it to:

.main-navigation .menu > .menu-item.current-menu-item > a::after, .main-navigation .menu > .menu-item > a:hover::after {
    width: 70%;
}

[iamarghya]

Yep it worked thank you so much

[David]

Glad to hear that!

[Author]

Posts