Banner to big on dekstop

Store Design
,
1

Hi my banner looks good on mobile version but on desktop it’s quite to big www.wrozbaela.pl how I can make it smaller and fit well? Thanks

2

Hi @Kris778

you can try to add this custom css:

#Banner-template--25210765902206__image_banner {max-height: 800px}
3

Hey @Kris778

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT

Moeed_0-1749029542298.png
Moeed_0-1749029542298.png1902×912 219 KB

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

4

Also question about blog posts on mobile it’s look perfect but dekstop pictures are to big for example https://wrozbaela.pl/blogs/porady-wrozki-eli/jak-interpretowac-sny-o-bylym-partnerze-ezoteryczne-znaczenie-snow

5

let try this css

@media screen and (min-width: 990px) {
 .article-template__hero-adapt {
    padding-bottom: 70.0% !important;
    overflow: visible;
  }
}
6

Sorry but where to add that css

7

You can to add where like the banner of this topic.

  • Sale channels → themes → customize → Theme Settings → Custom CSS