Skip to content

Commit 2e11563

Browse files
fix: resolve testimonial overflow on mobile devices - Fixed slider settings to show 1 slide on mobile breakpoint 800px - Added width 100% to testimonial wrappers for responsive behavior
1 parent 7986d66 commit 2e11563

File tree

2 files changed

+7
-2
lines changed

2 files changed

+7
-2
lines changed

src/reusecore/Blockquote/Blockquote-image/blockquote-image.style.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -116,6 +116,10 @@ section.bq-section {
116116
117117
@media screen and (max-width: 768px) {
118118
119+
.type-one-wrapper {
120+
width: 100%;
121+
}
122+
119123
.type-one-quote .type-one-quote-pattern {
120124
flex-basis: 20px;
121125
}
@@ -144,6 +148,7 @@ section.bq-section {
144148
box-shadow: 2px 2px 25px ${props => props.theme.whiteOneToGreyCECECE};
145149
border-radius: 10px;
146150
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
151+
width: 100%;
147152
}
148153
149154
.type-two-quote .type-two-quote-pattern {

src/sections/Pricing/review-slider.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -45,8 +45,8 @@ const settings = {
4545
{
4646
breakpoint: 800,
4747
settings: {
48-
slidesToShow: 1.5,
49-
slidesToScroll: 0.5,
48+
slidesToShow: 1,
49+
slidesToScroll: 1,
5050
}
5151
},
5252
{

0 commit comments

Comments
 (0)