Change sticky menu colors when scrolling

Posted in: Newspaper
Post count: 35
Javier
#92886
Feb 3, 2016 at 12:01 pm

Hello,

I would like to change the colours of the menu when I scroll the page. The site http://www.dietistasnutricionistas.es has a green menu and when it gets sticky, I would like to change the background colour to white and the letter to green and change the size of the menu text.

I have been looking for some CSS ideas in the forum and I did not find anything. Could please help me?

Thank you in advance!

Post count: 35
Javier
#92913
Feb 3, 2016 at 2:13 pm

Now I know how to change the background color to white in sticky menu with this CSS

.td-header-menu-wrap.td-header-gradient.td-affix {
background-color: white;
}

But I need also to change the menu text color. Could someone help me with this?

Post count: 23312
Catalin
#93012
Feb 3, 2016 at 4:52 pm

Hello Javier,

Please try the code below and add it in Theme panel->Custom CSS area.

.td-header-wrap .td-affix .sf-menu > li > a {
color:#bed600!important;
}

The result you should see here -> http://screencast.com/t/3aBRl9SQzdN

Thank you for the message!

Post count: 35
Javier
#93072
Feb 4, 2016 at 12:05 am

Thank you very much for your help!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.