Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Testimonial slider tablet view


ilonapoutanen

Question

  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Site URL: https://www.lindakovasin.com/etusivu I have a testimonial slider on my clients front page. It's optimized for mobile but I'm having trouble with optimizing it for tablets. Any help?

This is my code for that part. Could you point out where should I make those changes?   [data-section-id="603dfd3c0d14784990a9360b"]{   @media(min-width:767px){ .section-background{   wid

Posted Images

4 answers to this question

Recommended Posts

  • 0
6 hours ago, ilonapoutanen said:

Site URL: https://www.lindakovasin.com/etusivu

I have a testimonial slider on my clients front page. It's optimized for mobile but I'm having trouble with optimizing it for tablets. Any help?

Näyttökuva 2021-3-23 kello 20.43.06.png

In your custom css, I think you should increase the breakpoint from 768px to 1024px

image.thumb.png.9395c961cc34b765ee80b20710d4758e.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Animated Heading Block
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post
  • 0

This is my code for that part. Could you point out where should I make those changes?
 

[data-section-id="603dfd3c0d14784990a9360b"]{
  @media(min-width:767px){
.section-background{
  width:50%;
  margin-left:50%;
}
.content-wrapper{
  width:50%;
  margin-right:50% !important;
    }}
@media(max-width:767px){
  display:block;
  .section-background, .content-wrapper{
  position: relative;
}
.section-background{
     height:400px;
}}}

[data-section-id="603dfd3c0d14784990a9360b"]{
.summary-carousel-pager .previous {
 position: absolute !important;
 left: -50% !important;
 right: inherit !important;
  }}

[data-section-id="603dfd3c0d14784990a9360b"]{
  @media(max-width:767px){
.summary-carousel-pager .previous {
 position: absolute !important;
 left: 3% !important;
 right: inherit !important;
 top: 30% !important;
    }}}

[data-section-id="603dfd3c0d14784990a9360b"]{
.summary-carousel-pager .next {
 position: absolute !important;
 right: -50% !important;
 left: inherit !important;
  }}

[data-section-id="603dfd3c0d14784990a9360b"]{
  @media(max-width:767px){
.summary-carousel-pager .next {
 position: absolute !important;
 right: 3% !important;
 left: inherit !important;
 top: 30% !important;
    }}}


@media(max-width:767px){
#block-yui_3_17_2_1_1614678250862_8808{
  padding-left: 10%;
  padding-right: 10%;
  }}

Link to post
  • 0

All the width:767px

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Animated Heading Block
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...