Current File : /home/ugotscom/www/boniface/blog/wp-content/themes/cali/js/main.js
( function( $ ) {
'use strict';
// Global
var $win = $( window ),
$doc = $( document ),
$body = $( 'body' );
// owlCarousel
function caliOwlCarousel() {
if ( $.fn.owlCarousel ) {
// Article Carousel/Slider
$( '.js-ca-article-slider' ).each( function() {
$( this ).owlCarousel({
loop: true,
margin: 10,
nav: false,
dots: false,
autoplay: true,
autoplayHoverPause: true,
responsiveClass: true,
responsive:{
0:{
items: 2,
margin: 5
},
768:{
items: 3,
margin: 10
},
1200:{
items: 4
}
}
});
} );
// need to add a class to the carousel item so it will be fetched by the carousel script
// Owl's nestedItemSelector parameter only accepts Class name, in our case it's - 'ca-instagram-feed_el'
$('.ca-instagram-feed .instagram-pics li').addClass('ca-instagram-feed_el');
$( '.js-ca-widget-instagram-feed' ).each( function() {
$( this ).owlCarousel({
nestedItemSelector: 'ca-instagram-feed_el',
loop: false,
margin: 10,
nav: false,
dots: false,
autoplay: true,
autoplayHoverPause: true,
responsive:{
0:{
items: 3,
margin: 0
},
768:{
items: 4,
margin: 0
},
1200:{
items: 6,
margin: 0
}
}
});
} );
// Append optional widget link to owl carousel item
if ( $('.ca-instagram-feed .instagram-pics + p').length ) {
$( '.ca-instagram-feed .instagram-pics + p' ).clone().appendTo( ".js-ca-widget-instagram-feed .ca-instagram-feed_el" );
}
}
}
// Mobile Menu
function mobileMenu() {
// Mobile menu navigation toggle
// Add .mobile-menu-active class to body when mobile menu is toggled
// With that class hide/show mobile menu overlay
$( '.site-header' ).on( 'click', '.mobile-menu-toggle', function( e ) {
e.preventDefault();
$body.toggleClass( 'mobile-menu-active' );
} );
// Add dropdown arrow to <li> elements that contain sub-menus
var hasChildMenu = $( '.main-navigation' ).find('li:has(ul)');
hasChildMenu.children('a').after('<span class="subnav-toggle"></span>');
// Mobile sub-menus toggle action
$( '.main-navigation' ).on( 'click', '.subnav-toggle', function( e ) {
e.preventDefault();
$( this ).toggleClass( 'open' ).next( '.sub-menu, .children' ).slideToggle();
} );
}
// Add all CSS styles relative to the '.header-top' height
function headerHeightTweaks() {
if ( $('.header-top').length ) {
var headerHeight = $( '.header-top' ).outerHeight();
// If the header is sticky add top padding on main header to compensate
// If it's not or the user resized the screen to a smaller width where the header is static -> remove top padding
if ( $('.header-is-sticky').length ) {
$('.header-is-sticky .site-header').css( 'padding-top', headerHeight );
} else {
$('.site-header').css( 'padding-top', 0 );
}
// Push mobile menu bellow .header-top
if ( matchMedia( '(max-width: 1199px)' ).matches ) {
// Check if WordPress Admin bar is present and accomodate the extra spacing by pushing the mobile menu futher bellow
if ( $('#wpadminbar').length ) {
var wpadminbarHeight = $( '#wpadminbar' ).outerHeight();
$( '.main-navigation_wrap' ).css( 'top', headerHeight + wpadminbarHeight );
} else {
$( '.main-navigation_wrap' ).css( 'top', headerHeight );
}
} else {
$( '.main-navigation_wrap' ).css( 'top', 'auto' );
}
}
}
//Fitvids
function initFitvids() {
$( 'body' ).fitVids();
}
/* Function init */
$doc.ready( function() {
caliOwlCarousel();
mobileMenu();
headerHeightTweaks();
initFitvids();
} );
$win.load( function() {
// on window load
} );
$win.scroll( function( e ) {
// on page scroll
} );
$win.resize(function( e ) {
headerHeightTweaks();
} );
} )( jQuery );
Mini Shell