Shopify themes, liquid, logos, and UX
Hi there,
i would love to change the mobile size of the hero banner.
on desktop everything looks fine but mobile it`s cut of and way to big.
I tried several code from the community but nothing worked.
Hope you can help.
Thanks a lot.
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
f-garage.de
fg_sf2021#!
Hi @rene_s ,
You can follow the instruction below:
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss->paste below code at the bottom of the file:
@media (max-width: 749px) {
.hero-slideshow {
height: auto !important;
}
.hero .hero__image {
object-fit: contain;
}
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Hi @rene_s ,
Please share your store URL and if your store is password protected then please provide password too.
So that we can help you.
Thank you.
hello @rene_s
add this code to your theme.scss file.
Navigate to online store >> Click edit theme code. Now find theme.scss and paste the following code:
.hero .hero__image{object-fit: unset !important;}
Did it solve your issue?
- If yes, Like & Mark As Solution to help the community
- If not, let me know. also share a screenshot of the code that you added.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025