EDIT:
Preferably, I’d like to be able to change/add a class to the navbar so I could easily change the color of the links when the bar color changes as well.

Any help would be amazing. Thanks!

Thanks for writing in!

This requires custom development, regretfully, that would fall beyond the scope of support we can offer. However, in the meantime, you can try using this JS under Custom > JavaScript in the Customizer:

jQuery(document).ready(function($) {
  $(window).scroll(function() {
    var scrollPos = $(window).scrollTop(),
        navbar = $('.x-navbar');

    if (scrollPos > 1000) {
      navbar.addClass('alt-color');
    } else {
      navbar.removeClass('alt-color');
    }
  });
});

Adjust 1000 from the code to change the point. This code will apply a class of alt-color when the navabr reaches the position. You can then style it using CSS as per your preference. For example, add under Custom > CSS in the Customizer:

.x-navbar {
    transition: 0.2s all linear;
}

.x-navbar.alt-color {
    background-color: blue;
}

Hope this helps. 🙂

Thank you.

Thanks for writing in! Regretfully, we don’t have emails for you to contact us. Everything is handled here via the forum. You can click on the Set as private reply option to make your reply private and only our staff can have access to it, like you have done already. If you would like to be extra sure, you can create a new thread and explain your issue and what you have done so far and provide us your logins credentials via private message.

You should be able to make the entire new thread private if you are the creator. If not you can simply send us a message and we can make your thread private so it won’t show up on the forum.

Let us know how that goes. Hope this helps – thanks!

Thanks for the login credentials!

To remove the line, please add following CSS under Custom > CSS in the Customizer:

body.x-navbar-fixed-top-active .x-navbar-wrap {
   margin-bottom: 0;
}

Hope this helps. 🙂

Thank you!

Unfortunately the line is still there. If it helps, it only appears when the page first loads and disappears as soon as the user scrolls. It doesn’t reappear when they scroll back to the top though and begin to scroll again.