Change color of links in the menu after scrolling

Chartari · August 2018

Hello,

how can I change the colour of my menu items after scrolling? I am using sticky header with navigations. Unfortunatelly I am developing my site localy, so cannot provide you a link.

Here are the screenshots caputered:

1. Non scrolled

2. Scrolled

Where can I modify the state/CSS for scrolled? Change colours, fonts etc?

Best wishes,

Michał

Pablo · August 2018

Hi,

You can change to white or black in Theme Options

Theme Options > Header & Subheader > Header

On the bottom, there is select box of style

http://prntscr.com/kg4qax

If you want some other color, you have to use custom CSS to achieve it.

Custom CSS can be placed in Theme Options > Custom CSS > CSS

Thanks.

Chartari · August 2018

Thanks,

would you mind telling me which classes should I modify in CSS to change menus?

Thanks,

Mike

Pablo · August 2018

When menu get's (.is-sticky) class, you should declare new color and fonts in css.

If you don't know how to do it, please send here a link to your website.

Thanks.

Chartari · August 2018

Thanks,

and what classes are used in the menu?

Michał

Pablo · August 2018

I don't understand the question.

Inspector can show you all parameters used to create menu.

Please send me a link to your website.

Thanks.

Change color of links in the menu after scrolling

Comments