How can I improve the mobile view of my site's banner?

hi, on desktop my banner looks very good but on mobile it looks really bad and the banner description runs through my header i would have the banner image in large of a background perfect example is like on moncler’s site

this is how it looks now

this is how i would like it to be

thank you for reading through the question and I hope there is a solution for this

sure, this is the link

https://store-marcorosa.com/

i do my best with some help here and there on this platform and youtube. i have to say that i already succeeded well.. :face_with_tongue: if i have the code and know where to paste it then i will get there.

Hello @MarcoRosa ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → theme.css file or base.css file

Add this following code at the bottom of page

@media only screen and (max-width: 480px) {
  .banner-image {
    /* Set the desired height or width for the banner image on mobile */
    height: 200px;
    width: auto;
  }
}

Save and preview

Hope this can help you out.

Ali Reviews team.

No it didnt help :disappointed_face: