Can I adjust the desktop image without altering the mobile one?

Store Design
1

Hello all, i just added my Banner for Mobile. Now the look in Desctop mode looks very bad.

Can i change the Desctop Picture without changing the mobile one?

mobile.PNG
mobile.PNG396×357 49.6 KB

Desk.PNG
Desk.PNG1245×543 139 KB

2

Hi @Lennardb19 ,

You can follow these steps:

  • Step 1: Upload images First image for desktop and Second image for mobile.

Screenshot.png
Screenshot.png596×502 24.9 KB

  • Step 2: Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:
#shopify-section-template--17128631140657__a2c0c4ef-d56a-4955-98c7-421e31007387 .banner__media.banner__media-half {
    width: 100%;
}
#shopify-section-template--17128631140657__a2c0c4ef-d56a-4955-98c7-421e31007387 .banner__media-half+.banner__media-half {
        display: none;
}
@media screen and (max-width: 749px) {
        #shopify-section-template--17128631140657__a2c0c4ef-d56a-4955-98c7-421e31007387 .banner__media.banner__media-half:first-child {
                display: none !important;
        }
        #shopify-section-template--17128631140657__a2c0c4ef-d56a-4955-98c7-421e31007387 .banner__media-half+.banner__media-half {
                display: block !important;
        }
}

Hope it helps!