Thanks Mike!

That worked great, Thank you!

I did have an issue
I tried to add your code above to my php file and also the css to try and get the sub menu to be sticky on mobile.
It did not work
When I removed that code from he PHP file and the css it broke my down arrows throughout the site

PHP:
function custom_script(){
?>
<script>
(function($){
$(document).ready(function(){
var scroll_start = 0;
var startchange = $(‘#sub_menu1’);
var offset = startchange.offset();
if (startchange.length){
$(document).scroll(function() {
scroll_start = $(this).scrollTop();
if(scroll_start > offset.top) {
document.getElementById(‘sub_menu1’).classList.add(‘sticky-top’);
} else {
document.getElementById(‘sub_menu1’).classList.remove(‘sticky-top’);
}
});
}
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘custom_script’);

CSS:
.sticky-top {
position:fixed!important;
top:0!important;
z-index:10000!important;
}

so will this work to make the full width menu sticky on mobile?
if not is there a way to hide this menu on mobile?

We had changed some code on another site in the JS file and it works great.
I just can’t remember what we had done

PERFECT! Thank you.

just added this code to the function php and it worked

You can use this script in the functions.php file to set an autorotation to the horizontal gallery element. Set the interval in ms. Default is 2 seconds.

function ava_horizontal_gallery_interval() {
?>
<script>
(function($) {
// set the autorotation duration in ms
var interval = 2000;

$(‘.av-horizontal-gallery’).each(function() {
var i = 0;
var b = 0;
var slider = $(this).find(‘.av-horizontal-gallery-slider’);
var item = slider.find(‘.av-horizontal-gallery-wrap’);
var next = $(this).find(‘.next-slide’);
var prev = $(this).find(‘.prev-slide’);
var count = item.length;

var nextSlide = () => {
setInterval( $.proxy(function() {
next.trigger(‘click’);
i++;
if(i == count && item.last().is(‘.av-active-gal-item’)) {
clearInterval(nextSlide);
$(this).trigger(‘av-reset-item’);
i = 0;
}
}, this), interval);
}

nextSlide();

$(this).on(‘av-reset-item’, function() {
setTimeout( function() {
var resetSlide = setInterval( $.proxy(function() {
prev.trigger(‘click’);
if(count == b && item.first().is(‘.av-active-gal-item’)) {
clearInterval(resetSlide);
b = 0;
$(this).trigger(‘av-next-item’);
}
b++;
}, this), 10);
}, interval);
});

$(this).on(‘av-next-item’, function() {
nextSlide();
});
});
})(jQuery);
</script>
<?php
}
add_action( ‘wp_footer’, ‘ava_horizontal_gallery_interval’, 9999 );

this broke the format of the boxes