Shopify themes, liquid, logos, and UX
how to fix this one because the image in the slider banner is crop and also the decrease the gap between the bullet and the slidebanner
url: https://makerlab-electronics-ph.myshopify.com/
Solved! Go to the solution
This is an accepted solution.
Hi @niceeee
I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.
Please add this css in your bottom of the css file:
<style>
.slider-mobile-gutter .media > img {object-fit: contain !important; object-position: top center !important;}
@media screen and (max-width: 749px) {
.banner--mobile-bottom .slideshow__text.banner__box {display: none !important;}
}
@media screen and (max-width: 500px){
.slideshow__media.banner__media.media {height: 175px !important;}
}
</style>
Regards,
San
If it’s helpful to you, please mark it as a solution.
Need Help with Shopify Design, Migration, Speed, or Custom tasks?
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin
This is an accepted solution.
Hi @niceeee
I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.
Please add this css in your bottom of the css file:
<style>
.slider-mobile-gutter .media > img {object-fit: contain !important; object-position: top center !important;}
@media screen and (max-width: 749px) {
.banner--mobile-bottom .slideshow__text.banner__box {display: none !important;}
}
@media screen and (max-width: 500px){
.slideshow__media.banner__media.media {height: 175px !important;}
}
</style>
Regards,
San
If it’s helpful to you, please mark it as a solution.
Need Help with Shopify Design, Migration, Speed, or Custom tasks?
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin
Learn 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, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025