Active menu on scroll: change color

stefanato
Topic Author
Offline
Junior Member

3 months 3 weeks ago #73550 by stefanato

Replied by stefanato on topic Active menu on scroll: change color

Hi, probably I have explained the problem not clearly. Kindly check the video : capture.dropbox.com/usDUmICbiFzAk7F5

When I exit with mouse from 1st level menu (scrolled) to go in submenu, the text of first level "return" white instead to remain of the color "active".
Hoping to clarify my question....
Thanks in advance.

Please Log in or Create an account to join the conversation.

stefanato
Topic Author
Offline
Junior Member

3 months 3 weeks ago #73551 by stefanato

Replied by stefanato on topic Active menu on scroll: change color

main menu

Please Log in or Create an account to join the conversation.

Heino
Offline
Elite Member

3 months 3 weeks ago #73552 by Heino

Replied by Heino on topic Active menu on scroll: change color

Yes, now it should be understandable.
When the mouse leaves the 1st level menu, the font color of the menu item returns to its original color - white.
You did that by design

I don't know how to work around this,
I'll have to sleep on it.

Maybe Ced knows a solution before I open my eyes tomorrow.

Greetings to you both,
Heino

Page Builder CK Pro v3 +++ Template Creator Pro v5 +++ Tiny MCE +++ JCE
Browser: Brave (Chrome) +++ Waterfox (Mozilla)
Joomla! v5 +++ php v8.3.16 +++ mysql v8.0.37

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator

3 months 3 weeks ago #73560 by ced1870

Replied by ced1870 on topic Active menu on scroll: change color

ok I see now, thanks for the video
the problem is that you have changed the colors of the menu when it's top fixed on scroll, in your custom css file

Code:

#sp-header.header-sticky div#maximenuck220.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck, #sp-header.header-sticky div#maximenuck220.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.titreck, #sp-header.header-sticky select#maximenuck220.maximenuckh ul.maximenuck {
	color: #fff !important;
}

the problem is here :

Code:

#sp-header.header-sticky div#maximenuck220.maximenuckh ul.maximenuck li.maximenuck.level1:hover > a span.titreck:hover, #sp-header.header-sticky div#maximenuck220.maximenuckh ul.maximenuck li.maximenuck.level1:hover > span.separator span.titreck:hover, #sp-header.header-sticky select#maximenuck220.maximenuckh ul.maximenuck:hover {
	color: #252525 !important;
}

please try to replace it with

Code:

#sp-header.header-sticky div#maximenuck220.maximenuckh ul.maximenuck li.maximenuck.level1:hover > a span.titreck, #sp-header.header-sticky div#maximenuck220.maximenuckh ul.maximenuck li.maximenuck.level1:hover > span.separator span.titreck:hover, #sp-header.header-sticky select#maximenuck220.maximenuckh ul.maximenuck:hover {
	color: #252525 !important;
}

Joomlack Webmaster and Developer

The following user(s) said Thank You: stefanato

Please Log in or Create an account to join the conversation.

stefanato
Topic Author
Offline
Junior Member

3 months 2 weeks ago #73563 by stefanato

Replied by stefanato on topic Active menu on scroll: change color

Perfect it works!
THanks for support.

Please Log in or Create an account to join the conversation.

Time to create page: 0.268 seconds