diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index 74033a7..e6d7285 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -943,6 +943,11 @@ footer { left: 45%; } } +@media (max-width: 510px) { + .slick-prev { + right: 39%; + } +} [dir=rtl] .slick-prev { left: auto; right: -25px; @@ -975,6 +980,11 @@ footer { right: 47%; } } +@media (max-width: 510px) { + .slick-next { + right: 45%; + } +} [dir=rtl] .slick-next { left: -25px; right: auto; @@ -3013,6 +3023,7 @@ body { .node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first { position: relative; width: 100% !important; + top: 0; } } .node-type-site .layout--threecol-25-50-25 .layout__region--first div { diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss index afcae3c..02d3d67 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss @@ -32,6 +32,7 @@ @media(max-width: 810px){ position: relative; width: 100% !important; + top: 0; } .views-element-container{ // margin-bottom: 3rem; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss index ea659a5..bc1a8c7 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss @@ -117,6 +117,9 @@ $slick-opacity-not-active: 0.25 !default; @media(max-width:1080px){ left: 45%; } + @media(max-width:510px){ + right: 39%; + } [dir="rtl"] & { left: auto; right: -25px; @@ -144,6 +147,9 @@ $slick-opacity-not-active: 0.25 !default; @media(max-width:1080px){ right: 47%; } + @media(max-width:510px){ + right: 45%; + } [dir="rtl"] & { left: -25px; right: auto;