Commit c9f70059 by Manzar Hussain

Merge branch 'feature-theme' into 'develop'

sticky header

See merge request manzarH/dic-global-dev!728
parents 0e1d049d a7ee8f49
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -284,6 +284,8 @@ ...@@ -284,6 +284,8 @@
], ],
}); });
//when the slick slide initializes we want to set all of our slides to the same height //when the slick slide initializes we want to set all of our slides to the same height
$(".cs_team_slider_container").on("setPosition", function() { $(".cs_team_slider_container").on("setPosition", function() {
...@@ -376,8 +378,11 @@ ...@@ -376,8 +378,11 @@
}); });
} }
if ($(".history-year__global").length) {
$(".history-year__global").slick({
if ($(".history-year__india").length) {
$(".history-year__india").slick({
dots: false, dots: false,
infinite: true, infinite: true,
autoplay:true, autoplay:true,
...@@ -405,7 +410,6 @@ ...@@ -405,7 +410,6 @@
}); });
} }
if ($(".history-year__global-blue").length) { if ($(".history-year__global-blue").length) {
$(".history-year__global-blue").slick({ $(".history-year__global-blue").slick({
dots: false, dots: false,
...@@ -415,6 +419,7 @@ ...@@ -415,6 +419,7 @@
speed: 3000, speed: 3000,
slidesToShow: 6, slidesToShow: 6,
slidesToScroll: 6, slidesToScroll: 6,
variableWidth: true,
arrows:false, arrows:false,
responsive: [{ responsive: [{
breakpoint: 991, breakpoint: 991,
...@@ -434,36 +439,51 @@ ...@@ -434,36 +439,51 @@
], ],
}); });
} };
if ($(".history-year__india").length) { function showhistoryYearGlobal(){
$(".history-year__india").slick({ var totalsItems = $('.history-year__global li').length;
dots: false,
infinite: true, if (totalsItems >= 5){
autoplay:true, // $('.history-year__global').slick('unslick');
autoplaySpeed: 2000,
speed: 3000, if ($(".history-year__global").length) {
slidesToShow: 6, $(".history-year__global").slick({
slidesToScroll: 6, dots: false,
arrows:false, infinite: true,
responsive: [{ autoplay:true,
breakpoint: 991, autoplaySpeed: 2000,
settings: { speed: 3000,
arrows: true, slidesToShow: 6,
slidesToShow: 3, slidesToScroll: 6,
slidesToScroll: 3, arrows:false,
}, responsive: [{
}, breakpoint: 991,
{ settings: {
breakpoint: 767, arrows: true,
settings: { slidesToShow: 3,
slidesToShow: 2, slidesToScroll: 3,
slidesToScroll: 2, },
}, },
}, {
], breakpoint: 767,
}); settings: {
slidesToShow: 2,
slidesToScroll: 2,
},
},
],
});
}
}
} }
showhistoryYearGlobal();
/* /*
if ($(".bod_t_c_slider").length) { if ($(".bod_t_c_slider").length) {
$(".bod_t_c_slider").slick({ $(".bod_t_c_slider").slick({
...@@ -567,7 +587,6 @@ ...@@ -567,7 +587,6 @@
}); });
//when the slick slide initializes we want to set all of our slides to the same height //when the slick slide initializes we want to set all of our slides to the same height
$(".b_slider_m_c_box").on("setPosition", function() { $(".b_slider_m_c_box").on("setPosition", function() {
jbResizeSlider(); jbResizeSlider();
......
...@@ -241,7 +241,20 @@ ...@@ -241,7 +241,20 @@
}); });
} }
var stickyNavTop = $('.main-navigation-bar').offset().top;
var stickyNav = function () {
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyNavTop) {
$('.main-navigation-bar').addClass('main-navigation-bar__fixed');
} else {
$('.main-navigation-bar').removeClass('main-navigation-bar__fixed');
}
};
$(window).scroll(function () {
stickyNav();
});
......
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
*/ */
#} #}
<div class="container-fluid"> <div class="container-fluid main-navigation-bar">
<div class="row"> <div class="row">
<div class="container-fluid headercontainer"> <div class="container-fluid headercontainer">
<header class="h_o_c_b"> <header class="h_o_c_b">
......
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
*/ */
#} #}
<div class="container-fluid"> <div class="container-fluid main-navigation-bar">
<div class="row"> <div class="row">
<div class="container-fluid headercontainer"> <div class="container-fluid headercontainer">
<header class="h_o_c_b"> <header class="h_o_c_b">
......
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
*/ */
#} #}
<div class="container-fluid"> <div class="container-fluid main-navigation-bar">
<div class="row"> <div class="row">
<div class="container-fluid headercontainer"> <div class="container-fluid headercontainer">
<header class="h_o_c_b"> <header class="h_o_c_b">
......
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
*/ */
#} #}
<div class="container-fluid"> <div class="container-fluid main-navigation-bar">
<div class="row"> <div class="row">
<div class="container-fluid headercontainer"> <div class="container-fluid headercontainer">
<header class="h_o_c_b"> <header class="h_o_c_b">
......
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
*/ */
#} #}
<div class="container-fluid"> <div class="container-fluid main-navigation-bar">
<div class="row"> <div class="row">
<div class="container-fluid headercontainer"> <div class="container-fluid headercontainer">
<header class="h_o_c_b"> <header class="h_o_c_b">
......
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
*/ */
#} #}
<div class="container-fluid"> <div class="container-fluid main-navigation-bar">
<div class="row"> <div class="row">
<div class="container-fluid headercontainer"> <div class="container-fluid headercontainer">
<header class="h_o_c_b"> <header class="h_o_c_b">
......
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
*/ */
#} #}
<div class="container-fluid"> <div class="container-fluid main-navigation-bar">
<div class="row"> <div class="row">
<div class="container-fluid headercontainer"> <div class="container-fluid headercontainer">
<header class="h_o_c_b"> <header class="h_o_c_b">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment