[Resolved] Can’t bring current-menu-item to live on homepage

[Mathias]

Hello,

as you can see here: https://mygoal.de in comparison to here: https://mygoal.de/trainingswissen/
the item <i class=”fas fa-home”></i> is not displayed on homepage.

I’ve added custom CSS as suggested somewhere in the forum:

.main-navigation .main-nav ul li[class*=”current-menu”] > a {
color: var(–accent) !important;
}

The homepage even in the main-menu is a static page /startseite but routed to https://mygoal.de by WordPress itself. This is probably the reason why it is not recognized.

Do you have any suggestion for a workaround?

Thank you in advance.

[Ying]

Hi Mathias,

I’m not sure I understand your question, the CSS is working for both pages.

But the color in the CSS is the same as the the one you set in customizer for menu items :var(–accent) which is #004e9b.

So what color do you want the current menu item to use?

[Mathias]

Hi Ying,

Thank you. I should have tested this on different browsers. The main menu now looks totally mad on Chrome and still has the same issue in Safari (Home icon missing on front-page).

What we wanted to achieve was plain white with always the same font color #004e9b. But obviously there is more to it and I have to figure out which changes in the past might have messed this up.

I would appreciate a quick look that might point me in the right direction.

[Ying]

You have this CSS which made the current menu item to white:
https://www.screencast.com/t/CeQ0TXN51

The home icon is using font from Fontawesome, it looks like your home page is missing some CSS from Fontawesome.

[Mathias]

Yes, I have to look for that matter. As for now, the icon is replaced by a text. Thank you for your time and help.

[Ying]

You are welcome 🙂

[Author]

Posts