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

Carousel Summary Block next/previous navigation skipping one item


Gracy

Question

Site URL: https://shallot-reindeer-75xp.squarespace.com/config/pages

Hi,

I've created a blog-post to add my testimonials, which are linked as a summary-block (carousel) on my home page. On mobile view when I click through the arrows I've notice that it is skipping an item. The testimonials are all there (5) but it just seems to be omitting every second one only showing 3. 

Any help would be hugely appreciated!

Thanks!

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

2 answers to this question

Recommended Posts

  • 0

Hi Tuanphan,

Not yet, but I don't think is an issue with the site itself. I've been having a better look at it and it seems to do with the mobile view display .

Im using a carousel summary block as a Testimonial Slider. On desktop view I have set-up to show the maximum of 5 items per row. But on mobile view I want it to show only one item at time.

I have fixed the some of the code, which now dosen't skip but is only showing the first 3 items. I believe is to do with .summary-item-list, as I've nicely adjusted the .summary-item for mobile view but is something on the "list" that I'm not sure what to add for it to display all.

This is the code I'm using:

//*TESTIMONIALS MOBILE VIEW
#block-8edcab36b9d8e4f2fe94 {
@media screen and  (max-width:640px) { 
.summary-item {
width: 90% !important;
margin: 4vw 5vw !important;
}
  }}

 

Slider Testimonial Code is under this (incase you need to see it):
//* Testimonials Slider *//


Thanks again for any help!

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...