Navigation center

Hi.
I have 2 questions on X:

  • If the navigation items fill more than one line, the second line is aligned to the left side, not centered. How can all navigation items be centered?
  • How can I remove the black top lines on the active items and hover items?
    Please have a look at the attached image.

Hello Jeorg,

Please add this code in X > Theme Options > CSS:

.masthead .desktop .x-nav {
    display: inline-block;
    text-align: center;
}

.x-navbar .desktop .x-nav>li {
    float: none;
    display: inherit;
}

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

1 Like

Thanks a lot!!!

You’re most welcome, Jeorg.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.