Shopify themes, liquid, logos, and UX
Can someone help me to change my slider style <
thanks in advance.
from this
to this
here are the two website to take a look
https://e018c6-82.myshopify.com/
biene theme (password: buddha) (biene-theme.myshopify.com)
Hi @Martin299 ,
Please see the solution below:
1. In your Shopify admin, navigate to "Online Store" under Sales Channels. Click the three dots next to the theme you wish to edit, then select "Edit Code".
2. Next you can find Main.css/theme.css/base.css/style.css(it will be based on your theme file)
Add this css code:-
.slider-mobile-gutter.page-width.mobile-text-below {
max-width: 100%;
padding: 0;
}
#Slider-template--18215391494367__slideshow_a4Gqei {
min-height: 82vh;
position: relative;
}
.slideshow__control-wrapper {
display: none;
}
.slideshow__controls.slider-buttons.slideshow__controls--border-radius-mobile {
position: absolute;
z-index: 99999;
top: 38%;
width: 100%;
justify-content: space-between;
}
.slider-button .icon {
height: 20px;
}
@media screen and (max-width: 749px) {
.slideshow__media.banner__media.media {
height: 100% !important;
}
}
Result:
If you need further assistance, feel free to reach out!
I hope this helps! If it does, please like it and mark it as a solution!
Regards,
Sweans
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025