无法编写jquery以在滚动条上将导航栏从清除更改为白色

Question

我搜索过谷歌和这个论坛，并且有一些关于这个主题的提及，但所给出的答案各不相同，似乎没有一个对我有用。我对编码很新，所以如果这非常明显，我道歉。我尝试过多种不同的选择，而我似乎无法得到它。我正在处理的网站是https://essentialcleaning.solutions，这是我正在尝试的代码：

$(window).scroll(function(){
  var windowWidth = $(this).width();
  var windowHeight = $(this).height();
  var windowScrollTop = $(this).scrollTop();


    if(windowScrollTop>60){
        $('.x-navbar-fixed-top').css('background-color', 'rgba(255, 100, 255, 0.5)');
    $('.x-navbar').css('background-color', 'rgba(255, 100, 255, 0.5)');
    $('.x-navbar-inner').css('background-color', 'rgba(255, 100, 255, 0.5)');
  };
});

我尝试了3条不同的行，因为我不是100％确定导航栏的名称，当我使用开发人员工具选择它时，我看到了一些不同的选项，我正在使用主题，来自themeco的X主题。

非常感谢。