Hello @rlmills3rd,
Sorry for the confusion. I have investigated the issue and I found out that you have added this custom JS:
jQuery(document).ready(function($){
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('body.x-navbar-fixed-top-active .x-navbar-wrap').css("height", "65px");
$('.x-navbar-inner').css("min-height", "65px");
$('.x-brand.img').css("margin-top", "5px");
$('.x-brand img').css("width", "100px");
$('.x-navbar .desktop .x-nav > li > a').css({"padding-top": "33px", "height": "35px"});
} else {
$('body.x-navbar-fixed-top-active .x-navbar-wrap').css("height", "125px");
$('.x-navbar-inner').css("min-height", "65px");
$('.x-brand.img').css("margin-top", "5px");
$('.x-brand img').css("width", "175px");
$('.x-navbar .desktop .x-nav > li > a').css({"padding-top": "60px", "height": "100px"});
}
});
});
This JS code directly affects how the One Page Navigation on the page. Please remove this code first while we are troubleshooting the issue.
Be advised that custom coding is beyond the scope of our support. If your custom code is creating a conflict or messing up the themes features and functionality, you may need to contact the creator of the code or that you contact a 3rd party developer if you are not familiar with coding.
Best Regards.