Shopify themes, liquid, logos, and UX
I've just setup Dawn on my site, and I'd like to make the Image Banner on the home page take up less room. I've tried adding images of different sizes, and they all get cropped on the sides to vertically fill the Image Banner block. How can I edit the code to fix this issue?
Solved! Go to the solution
This is an accepted solution.
Please add the following code at the bottom of your assets/section-image-banner.css file.
@media screen and (min-width: 750px){ .banner { min-height: 50rem !important; flex-direction: row; } }
Thanks!
This is an accepted solution.
Please add the following code at the bottom of your assets/section-image-banner.css file.
@media screen and (min-width: 750px){ .banner { min-height: 50rem !important; flex-direction: row; } }
Thanks!
Thank you @dmwwebartisan, that solved the problem! I was able to adjust the min-height value to fine tune the image banner height.
Please assist - I need to re-size dawn banner so it fits - I dont know where to add code/ change code
Please share store URL and screenshot what do you want!
Thanks!
Please share store front password !
Thanks!
I shared in PM
i will check and send solution
Thanks!
what I want www.3dogs.co.za
Ive tried this code and it makes no difference to my banner size. What am i doing wrong?
Hi, Did you find a solution? I'm having the same problem.
Spent HOURS trying to find this right solution. THANK YOU!
User | RANK |
---|---|
154 | |
139 | |
79 | |
71 | |
62 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023