How can I adjust the size of my image banner on desktop?

Store Design
1

Hi All,

I have just added an image banner to my site URL https://label-source.co.uk/

Mobile the image is perfect, however the desktop image is far too big.

Is there a way to have the desktop image a different size or create a boarder on desktop to help minimise the size.

Screenshot below, using them dawn.

Danielparsons_0-1660911518148.png
Danielparsons_0-1660911518148.png400×266 180 KB

Danielparsons_1-1660911518091.png
Danielparsons_1-1660911518091.png313×400 189 KB

Thank you,

Daniel

2

Hey @Danielparsons ,
Welcome to the Shopify community!
You can follow the instruction below:
please add this to your CSS file.

@media only screen and (min-width: 750px) {
 .banner {
    height: 780px !important;
 }
}

If you feel like my answer is helpful, please Like and mark it as a solution. Let me know if you have any further questions.
Thank you!
Raman

3

Hi @Danielparsons .

I am Richard Nguyen from PageFly - Advanced Page Builder.

You can go to Online store => themes => Actions => Edit code and add this code on file section-image-banner.css

.banner{
height: 800px !important;
}

Hope this helps.

Best regards,

Richard - PageFly