[Brooklyn Theme] Hero Banner - change mobile size

[Brooklyn Theme] Hero Banner - change mobile size

rene_s
Tourist
15 0 2

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.

 

rene_s_0-1646216764070.png

rene_s_1-1646216801994.png

 

Replies 5 (5)

ZestardTech
Shopify Partner
6071 1087 1458

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
rene_s
Tourist
15 0 2

f-garage.de
fg_sf2021#!

AvadaCommerce
Shopify Partner
3879 840 1001

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.

banned

AvadaCommerce
Shopify Partner
3879 840 1001

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.

banned

eFoli-Trapa
Shopify Partner
182 11 15

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.

 

Trapa | EFOLI
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Checkout our apps:Inkybay || MultiVariants