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

Force 1 testimonial per row on mobile

Question

2 answers to this question

Recommended Posts

  • 0

@bangank36 The page URL is snorkelcookislands.com/about-us

I've been trying to code the summary blocks on snorkelcookislands.com/about-us to only show 1 item per view on mobile.
 
I've finally managed to do it, but the rest of the items do not show up in the carousel on either desktop or mobile. Please help!
 
Here is the code:
 
[data-section-id="5ed0ee28ef385f4344febfb8"], [data-section-id="5ee7d68e4833d0007a2953e7"] {
  @media screen and (max-width: 640px) {
    .summary-item-list {
      display: flex;
    flex-direction: column;
   }}}
.summary-item {
      width: 100%!important;
      margin-bottom: 50px;
    }
img.summary-thumbnail-image {
      width: 100%!important;
  height: 100%!important;
      margin-bottom: 50px;
    }
.summary-item:nth-child(n+2) {
      display: none;
    }
 

Screen Shot 2020-06-18 at 8.32.34 AM.png

Screen Shot 2020-06-18 at 8.32.26 AM.png

Share this post


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