My current expanse theme doesn’t have carousel on desktop, add carousel section for desktop to the theme editor so I can enable or disable on some pages and arrow to move the product on desktop.
Something like this
Now this is my theme editor do not have options like the above to enable carousel on desktop
This is the code that added arrow and slider on the desktop but only apply to dawn theme which I paste the code on expanse theme do not work. Kindly advise me, thanks!
Add this code below Asset>Base.css
.collection .slider-button.slider-button–prev {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-150%);
z-index: 20
}
.collection .slider-counter.caption {
visibility: hidden; !important
}
.collection .slider-button.slider-button–next {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-150%);
z-index: 20
}
.grid__item.slider__slide:first-child {
margin: 0 !important
}
.collection slider-component {
margin: auto 5vw !important
}
.collection .slider-button {
background: rgba(255, 255, 255, 0.7) !important;
}