change font color when scroll down

  • Hi,

    I have installed this plugin and it works great. The header (logo + menu) appears when scroll down. However I was wondering if it is possible to let change the font color of the menu items (links) when scroll down. I try to find out which css style code I need to use, but so far no results yet.

    The next line refers to the css style the menu items:

    (1) .elementor-1113 .elementor-element.elementor-element-121be7b2 .elementor-nav-menu .menu-item a{color:#fff;}

    If I include line (1) in the CSS style editor and change color to value #000 then it overrules the color value #fff.

    Can you help me out with this? Thanks in advance.

    Regards
    Tim

Viewing 4 replies - 1 through 4 (of 4 total)

  • Which class did u used as a sticky class?

    U should add .myfixed class to your original class so it will change only when menu is fixed…

    Thread Starter ruonline

    (@ruonline)

    Hi,

    Sticky class = .sticky_menu

    I don’t understand what you mean with “U should add .myfixed class to your original class so it will change only when menu is fixed…”.

    I have now a menu of which the letters of the menu-items do have the color white (color:#fff).
    If I want to change the color style I need to go to class ‘.elementor-1113 .elementor-element.elementor-element-121be7b2 .elementor-nav-menu .menu-item{}’and change the color (color:#……;)

    What I want next is that the color of the menu-items (letters) will become black when the menu appears when scroll down.

    What css style code should I add in the style editor of myStickymenu?

    Thread Starter ruonline

    (@ruonline)

    Hi there,

    Maybe it helps to show you the page in order to explain what I want and than hopelfully you can help me with getting the right style code.

    page -> https://www.ride2connect.com/home/

    You will see that the menu items do have a white font color. When you scroll down, the sticky menu will continu to show the white font color. But I want in this case the font color becomes black.

    which style code can make this happen?

    regards,
    tim

    Not sure if you ever got a fix for this, but I was looking for the same thing and figured this out.
    Add the following code to the CSS Style box in the Style section of the plugin.

    #mysticky-nav .header.myfixed a {color: black; }

    This allows the font color to change.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘change font color when scroll down’ is closed to new replies.