Docs

[Chris Schwartze]

Hey hey,

I currently have a menu switch the logo and text color upon scroll.
Now I got a button, and I need to find a way to switch the text to white upon scroll. I tried several things, but I’m unable to figure it out.

My Javascript code for the menu:

// Logo switch and on scroll white to black.
jQuery(function(a) {
  var b = a(".x-navbar");
  a(window).scroll(function(c) {
    var d = a(this).scrollTop();
    d > 120 ? (b.addClass("x-navbar-fixed-top"), a(
      ".x-navbar-fixed-top .x-brand img").attr("src",
      "http://academy.heroic.family/wp-content/uploads/sites/7/2016/12/heroic-academy-logo-black.png"
    )) : (b.removeClass("x-navbar-fixed-top"), a(
      ".x-navbar .x-brand img").attr("src",
      "http://academy.heroic.family/wp-content/uploads/sites/7/2016/12/heroic-academy-logo-white.png"
    ))
  })
});

I added a class to the menu item (the button0 which is called get-started

  
.get-started {
  background: black;
  border-radius: 100px;
  height: 40px;
  margin-top: 12px;
  }
.get-started a {
  margin: -12px 19px 0 0;
}

Got any ideas on how I can make the text in the button switch to white too? I tried adding a class in the removeClass function but something overrides it. My JS skills are not that great.

Appreciate it 🙂

[Chris Schwartze]

This reply has been marked as private.

[Rupok]

Hey there,

Thanks for writing in! Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[Author]

Posts