Try this, it worked for me
In your header you will have something like this
<script>
$(document).ready(function() {
//Retina Image
$('img.retina').retina('@2x');
//LayerSlider Settings
$('#layerslider').layerSlider({
skinsPath : 'images/layerslider_skins/',
skin : 'borderlessdark',
slideDelay : 5800,
slideDirection : 'fade',
thumbnailNavigation : false,
navButtons : false,
navStartStop : false,
navPrevNext : true,
hoverPrevNext : true,
pauseOnHover : false,
responsive : true
});
</script>
Place this line of code in so it looks like this "var $j = jQuery.noConflict();"
<script>
$(document).ready(function() {
//Retina Image
$('img.retina').retina('@2x');
//LayerSlider Settings
$('#layerslider').layerSlider({
skinsPath : 'images/layerslider_skins/',
skin : 'borderlessdark',
slideDelay : 5800,
slideDirection : 'fade',
thumbnailNavigation : false,
navButtons : false,
navStartStop : false,
navPrevNext : true,
hoverPrevNext : true,
pauseOnHover : false,
responsive : true
});
var $j = jQuery.noConflict();
</script>
Now replace the $ with jQuery so now it will look like this
<script>
jQuery(document).ready(function() {
//Retina Image
jQuery('img.retina').retina('@2x');
//LayerSlider Settings
jQuery('#layerslider').layerSlider({
skinsPath : 'images/layerslider_skins/',
skin : 'borderlessdark',
slideDelay : 5800,
slideDirection : 'fade',
thumbnailNavigation : false,
navButtons : false,
navStartStop : false,
navPrevNext : true,
hoverPrevNext : true,
pauseOnHover : false,
responsive : true
});
var $j = jQuery.noConflict();
</script>
Report back and let me know. If not send me a pm of your header and I will have a look at it for you