Shopify themes, liquid, logos, and UX
I have changed my website cover pic and it no longer fits the web page. I had this issue with my previous pic but managed to fix it. Can someone help. Dawn theme. www.peakclo.com
Hi @peakclo
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
.banner__media.media > img {
object-fit: fill!important;
}
I resized the image and put in the code you shared which looks good on desktop. For mobile the pictire is really squashed
Do you have any resolution
Hello @peakclo
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> section-image-banner.css
@media screen and (min-width: 750px) {
.banner--small:not(.banner--adapt) {
min-height: 60rem !important;
}
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
I put this in but it did not work
Hi @peakclo
Please open base.css file, find this code
.banner__media.media {
max-width: 1100px;
top: unset!important;
left: unset!important;
}
Replace it with this
.banner__media.media {
max-width: 100%;
top: unset!important;
left: unset!important;
}
- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Sorry, I dont like this layout. I put this code in myself to change away from that.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024