Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi everyone,
My front page aesthetic is getting on my nerve. I'd like the width/margins of my banner image to be aligned with the rest of my webpage and full width on mobile. I'd like to keep the height around 500-600 pixels so the image isn't gigantic. I'd like the picture's scale to adjust with the width but not the height.
I'm currently using this code that's not working:
.banner {
height: 500px;
width: 90%;
margin: 0 auto;
}
Here is the an example of what I'm looking for.
Thanks,
Raphael
Bump