carousel adapté aux tailles d'écran + hauteur des items

This commit is contained in:
chankalan 2022-12-01 15:55:33 +01:00
parent be581c0f3e
commit 7683d01b54
2 changed files with 19 additions and 4 deletions

View File

@ -93,8 +93,21 @@ jQuery(function($){
slideBy: 3, slideBy: 3,
dots: false, dots: false,
nav: false, nav: false,
autoHeight: false, onTranslated: callback,
onTranslated: callback responsive : {
// breakpoint from 0 up
0 : {
items: 1,
},
// breakpoint from 480 up
560 : {
items: 2,
},
// breakpoint from 768 up
768 : {
items: 3,
}
}
}); });
// Go to the next item // Go to the next item
$('.ensuite').click(function() { $('.ensuite').click(function() {

View File

@ -1042,8 +1042,10 @@ a:hover .fab, a:hover .fas {
.owl-carousel { .owl-carousel {
margin: 0 -4rem; margin: 0 -4rem;
width: auto; width: auto;
@media (max-width:768px) {
margin: 0 -2rem;
}
article { article {
/* width: 30%; */
padding: 0 1rem; padding: 0 1rem;
h1 small, .texte_aside, .podcast, .sujets { h1 small, .texte_aside, .podcast, .sujets {
display: none; display: none;
@ -1070,7 +1072,7 @@ a:hover .fab, a:hover .fas {
} }
.texte_content { .texte_content {
position: relative; position: relative;
/* padding-bottom: 2.5rem; */ min-height: 320px;
} }
} }
.owl-nav { .owl-nav {