Ella theme - Size Images and text for Phone

[bethchan]

Hi everyone,

      1. How to change the text location on the mobile phone? Move the text to the bottom of the image.

2.How could I know the image size on the mobile phone? How to change the image on the mobile phone? 

[paramSoft]

    Please provide website url and if your store is password protected then also provide password

[bethchan]

@paramSoft website: https://lepeto.myshopify.com/ passwords: brulol

[suyash1]

@bethchan - to take text at image bottom, please add following css tot he end of theme-style-responsive.scss.css

@media (max-width: 1024px){
.image-with-text-overlay__content {top: 96px;}
}

[bethchan]

@paramSoft

website: https://lepeto.myshopify.com/

passwords: brulol

[paramSoft]

Please place this code at the end of theme.scss
Please make the 'm' of media small.

@_media only screen and (max-width: 600px) {
.image-with-text-overlay__content {
bottom: 5% !important;
left: unset !important;
}
}

[bethchan]

@paramSoft, the image is smaller. The text underneath the picture has changed

 

[paramSoft]

Please place that code again And I will check what is wrong.

[bethchan]

@paramSoft

I place that code at the end of theme-style-responsive.scss

[paramSoft]