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
i do my best with some help here and there on this platform and youtube. i have to say that i already succeeded well..
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.