Ella theme - Size Images and text for Phone

bethchan
Excursionist
62 0 11

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

Replies 10 (10)

Hardik29418
Shopify Partner
2858 407 1073

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

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
bethchan
Excursionist
62 0 11
@Hardik29418 website: https://lepeto.myshopify.com/ passwords: brulol
suyash1
Shopify Partner
9077 1129 1479

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

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
Hardik29418
Shopify Partner
2858 407 1073

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


 

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
bethchan
Excursionist
62 0 11

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

QQ截图20210208172837.jpgQQ截图20210208172902.jpg 

Hardik29418
Shopify Partner
2858 407 1073

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

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
bethchan
Excursionist
62 0 11

@Hardik29418

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

Hardik29418
Shopify Partner
2858 407 1073

paramSoft_0-1612777478051.png

 

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
bethchan
Excursionist
62 0 11

@ paramSoft

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

微信截图_20210208220859.png

bethchan
Excursionist
62 0 11

@Hardik29418

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

passwords: brulol