Jump to content

Flexbox help—Empy space below summary block carousel

Recommended Posts

Hello!

I'm newer to flexbox and can't seem to figure out what's causing the empty space below my summary carousels on mobile. If anyone has any insight, I would be so grateful! 

https://andasanas.com/events

pw: 140ann

 

In case it's helpful, here's the code I added to stack the summary items:

 

  section[data-section-id="64396857e07e6a52b47f4e0f"] {
    .summary-item-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .summary-item {
      width: 100%!important;
      margin-bottom: 50px;
    }
    .summary-item:last-child {
      margin-bottom: 0px;
    }
    .summary-carousel-pager {
      display: none!important;
    }
  } 

Screen Shot 2023-05-01 at 2.03.09 PM.png

Edited by mbockmaster
clarity
Link to comment
  • Replies 1
  • Views 198
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

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


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.