I have both of these set up as service sections, carousels.
What about be the code to make them smaller AND
is there a way to get them together on the Ultimate Duo screenshot.
I already have code for this one to get it to display side by side like this.
@media screen and (min-width:768px) {
section[data-section-id="673770ad5247e2264d15ced1"] {
li.user-items-list-carousel__slide.list-item {
flex-direction: row-reverse;
align-items: center;
}
li.user-items-list-carousel__slide.list-item .list-item-content {
margin-right: 0px;
}
.user-items-list-carousel__arrow-positioner {
padding: unset !important;
position: static !important;
}
.user-items-list-carousel__arrow-icon-holder {
height: 80% !important;
position: static !important;
}
button.user-items-list-carousel__arrow-button {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
ul.user-items-list-carousel__slides.user-items-list-carousel__slides--initialized {
max-width: 100%;
margin: 0 auto;
}