Image height and width

Store Design
,
1

Hello. I am writing to ask for your help. The problem concerns the website styloveplakaty.pl. On the main page, there is a banner, which I have sent in the attachment. Is it possible to increase its dimensions, i.e., height and width, by editing the code without using the options in the template? Is it possible to make the height and width of the image on a computer different from that on a phone? Thank you in advance for your help!

Zrzut ekranu 2025-11-11 162317
Zrzut ekranu 2025-11-11 1623171902×737 394 KB

2

Hi @BajgorPL
If you want to change the height in the code, take a look at this image and adjust the number as needed

Shopify 🔊 2025-11-11 23-34-45
Shopify 🔊 2025-11-11 23-34-452500×1310 215 KB

3

Hello, @BajgorPL

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

For Desktop
@media screen and (min-width: 750px) {
  .image-banner {
    min-height: 650px !important; 
  }
}

For Mobile
@media screen and (max-width: 749px) {
  .image-banner {
    min-height: 450px !important;
  }
}

You can adjust min-height as your desired for desktop and mobile,

Thanks!

4

Hi,

Hope this will help

  • Yes — you can increase the banner’s width and height by editing your theme code.
  • Find the banner element (an or a div with background-image) and add CSS that sets height and width.
  • Use object-fit: cover or background-size: cover so the image crops cleanly.
  • Use a media query (@media (max-width: 768px) { … }) to give phones a different height than desktop.

Always duplicate your theme before editing, paste the provided CSS into your theme CSS file, and preview changes.