Hi, may I know anyone know how to make the banner/photo responsive on both website/mobile view for taste theme? Thank.
Hi @pennyapw ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
Hi, www.mynuproject.com here you go. Thanks
Please follow these steps:
Step 1: Access Shopify Admin
Step 2: Access Online Store => Continue selecting Edit code
Step 3: Find the file named base.css. Then scroll to the bottom of the page
Step 4: Insert this CSS into that file
@media screen and (max-width: 750px){
.banner.banner--content-align-center.banner--medium {
height: 25rem !important;
}
.banner__media {
height: 25rem !important;
}
.banner--medium:not(.banner--adapt) {
min-height: none;
}
}
@media screen and (min-width: 751px) and (max-width: 1000px){
.banner.banner--content-align-center.banner--medium {
height: 36rem !important;
}
.banner__media {
height: 36rem !important;
}
.banner--medium:not(.banner--adapt) {
min-height: none;
}
}
@media screen and (min-width: 1001px){
.banner--medium:not(.banner--adapt) {
min-height: 56rem!important;
}
}
Result:
Hope it helps @pennyapw
Hi thanks for the solution, I had tried on it but still not working…
Hi, but it’s no working. Any more solution? Thanks