on this one the image banner doesn’t take up the whole page and the corners are rounded.
Hey, @dylmil00
I’m confident one of our Shopify experts would be able to help provide a coding solution and add styling to round the edges of your banner. This could be accomplished at a reasonable price.
Just wanted to share this as an option in case you are unable to find a coding solution in your thread.
Hi Dylmil,
I am Sandeep and I am trying to help you.
If you will give your Store URL then it is easy to fix that.
however you can give css { border-radius:10px; } to the image.
Thanks & Regards
Sandeep
Hi Dylmil,
Paste this CSS in your base.css file.
@media screen and (min-width: 750px) {
.banner__media. Media img {
height: 100vh !important;
width: 90% !important;
object-fit: cover !important;
object-position: center top!important;
border-radius: 20px !important;
margin: 0 auto !important;
left: 5% !important;
top: 5% !important;
}
}
Thanks & Regards
Sandeep
Does this work on mobile as well? I pasted it but I’m not sure if it worked because I’m on my phone as well
It didn’t work for desktop or mobile I just checked