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?

[Hardik29418]

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

[bethchan]

@Hardik29418 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]

@Hardik29418

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

passwords: brulol

[Hardik29418]

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

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

[bethchan]

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

[Hardik29418]

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

[bethchan]

@Hardik29418

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

[Hardik29418]

[bethchan]

[email removed] paramSoft

It change all on the desktop, it looks like moblie. You must check on mobile.