Pro Theme Underline Navbar

[joserodrigz]

Hi there,
I need to just erase the underline of the navbar links on the main menu.
I’m using one-page-navigation menu and looks really bad —as all the links are in the same page, the menu links are all underlined

So please what’s the CSS or the option in Pro?
Tks in advance!

[tristup]

Hi @joserodrigz,

Thanks for reaching out.
The One Page Navigation is only for one specific page. Please do not assign this menu as your primary menu, this is the common reason why one-page navigation menu items are highlighted at a time. I would suggest you go through the following thread on a similar topic

Onepage menu issues

Hello @salilou, Thanks for writing in! You may have implemented the one page navigation incorrectly. Please be advised that the correct way of doing it is to create two separate menus. The first menu will be assigned as your primary menu. It will have links like: https://example.com/#menu-item. The second menu will be exclusively assigned as the one page navigation menu. This particular menu is the one that will have this like: /#menu-item. For more details on how you can create the one page …

Multiple Current Menu highlights

Hello There, Thanks for writing in! It seems that you are trying to set up a one page navigation menu. I would recommend that you create two sets of menu. One menu will be used for the primary menu and the other one will be exclusively for the one page navigation menu. In the primary menu, the “Documents” menu item will have to use https://movingmindfully.net/#documents as the href or url. For one page navigation menu, it will only use #documents so that only the home is active and as soon as y…

Hope it helps.
Thanks

[joserodrigz]

Ok ok understood… but I only want to know the CSS or the way to just erase the underline in every menu for the menu items…

[prakash_s]

Hello @joserodrigz,

You can use this custom CSS code to get rid of the underline on the menu items.

.x-navbar .desktop .x-nav > li > a > span {
box-shadow: 0 0px 0 0!important;
} 

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks