Hover over effect on top header menu link

1 reply · opened Nov 6, 2021

CCklproductionNov 6, 2021

Hello,

I am using one of the Niche Demos /html/canvas/demo-landing.html for the website, i was wondering how to get the hover over effect for the top menu link ? i want to change the color of the text when i hover over it, and also to have different text color for the the current menu link (that not able to hover over as it is the current page).

Thank you

SSemicolon WebSTAFFNov 8, 2021

Hello,

Consider using the following code:
[ch_pre type="css"]/* Menu Item Hover Color */
.dark #header-wrap:not(.not-dark) .menu-container > .menu-item:hover > .menu-link {
color: #000;
}

/* Menu Item Current */
.dark #header-wrap:not(.not-dark) .menu-container > .menu-item.current > .menu-link {
color: #0000FF;
}[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard