[Brooklyn Theme] Hero Banner - change mobile size

Store Design
1

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_0-1646216764070.png1287×892 233 KB

rene_s_1-1646216801994.png
rene_s_1-1646216801994.png402×891 322 KB

1 Like
2

Hello There,

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

3

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.

4

f-garage.de
fg_sf2021#!

5

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.

6

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.