Ella theme - Size Images and text for Phone

bethchan
Excursionist
41 0 8

Hi everyone,

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

QQ截图20210208150044.jpgQQ截图20210208150231.jpg

     

 

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

QQ截图20210208151628.jpgQQ截图20210208151603.jpg

0 Likes
paramSoft
Shopify Partner
1457 237 654

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

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
bethchan
Excursionist
41 0 8
@paramSoft website: https://lepeto.myshopify.com/ passwords: brulol
0 Likes
suyash1
Shopify Partner
1995 205 304

@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;}
}

 

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
0 Likes
bethchan
Excursionist
41 0 8

@paramSoft

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

passwords: brulol

0 Likes
paramSoft
Shopify Partner
1457 237 654

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;
}
}


 

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
bethchan
Excursionist
41 0 8

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

QQ截图20210208172837.jpgQQ截图20210208172902.jpg 

0 Likes
paramSoft
Shopify Partner
1457 237 654

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

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
bethchan
Excursionist
41 0 8

@paramSoft

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

0 Likes
paramSoft
Shopify Partner
1457 237 654

paramSoft_0-1612777478051.png

 

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes