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
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024