Description
- summary block carousel to single column on mobile
- view demo – password: abc
- buy me a coffee
#1. Install Code
#1.1. Business Plan/higher
Hover on Page where you use Summary Block Carousel > Click Gear icon
Click Advanced > Paste this code
<!-- @tuanphan - Single Column Summary Carousel on Mobile -->
<style>
@media screen and (max-width:766px){.summary-block-setting-design-carousel .summary-item{width:100%!important;padding-left:0!important;padding-right:0!important}.summary-block-setting-design-carousel .summary-content{padding-left:15px!important;padding-right:15px!important}.summary-item-list.sqs-gallery{margin-left:0!important}}
</style>
<script src="https://code.beaverhero.com/summaryblock/singlecolumnmobile.js"></script>
#1.2. Personal/Basic Plan
First, add a Markdown Block under Summary Block
Paste this code into Markdown Block
<style>
@media screen and (max-width:766px){.summary-block-setting-design-carousel .summary-item{width:100%!important;padding-left:0!important;padding-right:0!important}.summary-block-setting-design-carousel .summary-content{padding-left:15px!important;padding-right:15px!important}.summary-item-list.sqs-gallery{margin-left:0!important}}
</style>
<script src="https://code.beaverhero.com/summaryblock/singlecolumnmobile.js"></script>
