Community Forums

Here’s the JS workaround which’ll keep the sticky header working. Add this to the custom JS under General Settings:

$('.top_wrapper').css({paddingTop:'130px'});

That needs to go between the

jQuery( function ($) {

and

});

try just

.top_wrapper {
padding-top: 90px;
}

I tried it on your site using Chrome’s inspector and it worked. (I was having the same problem and this code worked for me)

https://docs.google.com/a/vandertech.com/file/d/0B4iHgURlvrpgNG9LN2xwakJlZk0/edit?usp=drivesdk

After applying it your site, your site looks like this:
https://docs.google.com/a/vandertech.com/file/d/0B4iHgURlvrpgaWRram9uSEhxdmc/edit?usp=drivesdk

• This reply was modified 10 years, 4 months ago by James.

This is a better way to do it without editing theme files:

Add this Javascript to Specular > General > extra JS

jQuery( function ( $ ) {

// ------------ RECONFIGURE CAROUSEL
$('.testimonial_carousel').trigger("destroy"); // kill old carousel config & stop rotation

$('.testimonial_carousel').each(function(){
    var $self = $(this);
	$(this).carouFredSel({
					
		auto: true,
		scroll: { items : 1, fx: 'fade', duration: 3000 }, // new duration in milliseconds
		prev : {
			button : $self.parent('.testimonial_carousel_element').find('.prev')
		},

		next : {
			button : $self.parent('.testimonial_carousel_element').find('.next')
		}

	});

});

} );