将滑块插件设置为WordPress中的主题标题

First, I would like to start by giving the link to our website:

Now I will try to break down my dilemma.

I am using the theme "Thebe" to style our website. The theme comes with a built-in slider, which, unfortunately, CANNOT be used in the Header section or as a Hero Slider.
A few months ago, the theme's developer was kind enough to give me a custom script. The theme has a section in the dashboard where you can input custom JavaScript or CSS that made the slider (that was originally in the mid-section or body of the webpage) become the website's Hero Slider.
The said built-in slider, however, is very limited. The placement of the buttons, the transitions, and other functionalities are very limited.

Here's where I need assistance.

So I downloaded a slider plugin that pretty much allowed me to create my desired slider. How do I go about using the same method the developer did to move the said slider from the mid-section of my web page to the header?

Here's his code

$(function(){
    if($('.ptsc.set-as-header').length > 0)
    {
        $('.main-content>.title-group').after($('.ptsc.set-as-header'));
        $('.main-content>.title-group').remove();
    }
});

Incidentally, he asked me to set the slider's css class to set-as-header
Let's say my new slider's css class is set-as-header-again