Archived topic
Selected Menu Design
7 replies · Started by iamarghya on March 24, 2022
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?
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 :)
I am sorry I managed to solve this problem thank you
Glad to hear :)
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.
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%;
}Yep it worked thank you so much
Glad to hear that!
