Hi, I tried to take away the hover underline of main menu by using some css code fund on old Kalium discussions but it doesn't work. After I removed the css code, my main menu just entirely disappeared. what should I do now?
Thanks.
ps. since the front page is not ready yet, I provide a random post link for checking.
Can you please share your Wordpress credentials because I need to login to your site and test this issue. Your information is safe here (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar (see how)
[UPDATE！] I found the problem and now the menu is bak. However the css code for removing the menu underline is not working. I applied it but the hover underline is still there @@?
Hi, I already disable the hover underline. But how could I have the underline on the menu item as you're viewing that section? (not hover effect, just still underline)
Hi, I tried to take away the hover underline of main menu by using some css code fund on old Kalium discussions but it doesn't work. After I removed the css code, my main menu just entirely disappeared. what should I do now?
Thanks.
ps. since the front page is not ready yet, I provide a random post link for checking.
Hi Eshen,
To remove hover underlines from the Standard Menu please add the code below to your Custom CSS area:
.standard-menu-container.menu-skin-light div.menu>ul>li>a:after, .standard-menu-container.menu-skin-light ul.menu>li>a:after {Have a nice day!background-color: transparent;
}
Hi, I apply the code but the main menu is still missing.
https://eshenchen.com/summer-is-not-over-yet-show/
need the menu back first, then I can do with the underline. Thanks.
Hi Eshen,
Can you please share your Wordpress credentials because I need to login to your site and test this issue. Your information is safe here (private) in this thread.
To include your credentials click Insert Credentials button in editor toolbar (see how)
Thanks!
[UPDATE！] I found the problem and now the menu is bak. However the css code for removing the menu underline is not working. I applied it but the hover underline is still there @@?
https://eshenchen.com/lightforfreedom/
Hi Eshen,
Happy to hear that
As for the hover underline Please just add this CSS code to your Custom CSS area:
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul > li > a:after, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li > a:after { background-color: transparent; }Have a nice day!
Thank you! The code works perfectly.
Hi Eshen,
Happy to hear that
Have a great day!
Hi, I already disable the hover underline. But how could I have the underline on the menu item as you're viewing that section? (not hover effect, just still underline)
Thanks.
Hi Eshen,
Please try this:
li.current_page_item { border-bottom: 1px solid #333; }Thanks!
Works perfectly! Thank you.
Happy to hear that
Will set this ticket as solved from here.