banner image size desktop view not work !

[STEPDENT]

hello i have a problem with the display of image banner in mobile and desktop view 

in mobile - perfect 

in desktop view - terrible . 

i tried every guide and nothing works 

please help

url : https://www.stepdent.com/

[Moeed]

Hey @STEPDENT 

I suggest you to upload two sections with different images, one for mobile size and for desktop size and hide them using CSS. If you can upload two images then I can provide you the code to hide them according to their sizes.

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[STEPDENT]

upload 2 images here ? or in shopify?

i really need help to do 2 different image section

[PageFly-Henry · Accepted solution]

Hi @STEPDENT 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

@media (min-width: 1199px){

div#Banner-template--16807957102840__3d85bebd-a0ca-429b-8b34-4f7ff29f4730 {

    height: 500px !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly