Jump to content

7.1 Summary carousel appears off-center at smaller screen sizes

Recommended Posts

Site URL: https://www.elizameadows.com/home



For some reason, the summary carousel at the bottom of this page is shifting off-center at narrower page widths and on tablet. It is not a problem on mobile, for some reason. I tried removing all of the code, and it still displays incorrectly.


Here is the current code:


.summary-excerpt {
   h1 {
     font-family:'Arno Pro', arno-pro, serif!important;
.summary-carousel-pager {
  float: none!important;
width: 90px!important;
position: absolute!important;
bottom: -12%!important;   
  left: 50%!important;
-webkit-transform: translate(-50%)!important;
-ms-transform: translate(-50%)!important;
transform: translate(-50%)!important;
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
z-index: 9!important;
  .content-wrapper {
.sqs-gallery-design-carousel .sqs-gallery { 
  transition: transform ease 1s,-webkit-transform ease 1s!important;



Any suggestions much appreciated!

Link to comment
  • Replies 2
  • Views 614
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

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