Narrative theme responsive images

KanhaFR
Tourist
8 0 2

Hi Shopify Community ! 

I'm working on the Narrative theme, the image position and padding is perfect for the laptop version but not for the mobile version as you can see on the screenshot below. We designed our photos in landscape format to fit the desktop screen. However, it's not suitable for the mobile version which requires a portrait format. Do you have any suggestions ? Could we resize the pictures for the mobile version ? I can't find where in the theme.css files .. Thank you in advance ! 

Here the link to the shop : https://jacquesdanger.myshopify.com/

KanhaFR_0-1618747556526.png 

KanhaFR_1-1618747566420.png

 

 

 

0 Likes
taruunn
Excursionist
19 5 6
@media(max-width:767px){  
    body.template-index .slideshow--full .slideshow {
        height: calc(39vh - 36px);
    }

}

add this in online store > your theme (Narrative )>  edit code > assets > theme.css/  theme . scss 

 

Result 

 

taruunn_0-1618749693356.png

 

0 Likes