Active menu links not displaying

[szymon]

Hi there
I would like to change how the main menu appears.

Currently the text on the active page’s menu item is not visible. How do I change it ?
Also the rounded thin border around the menu item should be visible all the time.

I couldn’t find any setting for this.

Page address: http://amilus.eu/

Thank you

[nabeel]

Hi @szymon,

Thank you for reaching out to us, To change the active menu item color and for the round border, add the following code in the Theme Options > CSS:

.x-navbar .desktop .x-nav>li>a>span {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.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, .x-navbar .desktop .sub-menu a:hover, .x-navbar .desktop .sub-menu .x-active > a, .x-navbar .desktop .sub-menu .current-menu-item > a, .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a, .x-navbar .mobile .x-nav li > a:hover, .x-navbar .mobile .x-nav .x-active > a, .x-navbar .mobile .x-nav .current-menu-item > a {
    color: #2e2e2e;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!