How can I make images flush to the sides on mobile in craft theme?

ambientcandle19
Excursionist
47 0 4

Hello,

 

I'm still trying to figure out if there is a way in the craft theme. With the section "image with text" to have the image flush to the sides on mobile. But look the same on desktop. Is that like a custom code. The best I could describe it is currently there is a white border around the edges of the image and I would like for it to look like a YouTube video how it does all the way to the sides no border at all. Possible or no? I've asked before but like I really would love this code and it honestly would be the last edit I can see myself needing before actually going to a professional. Just trying to give myself the best shot possible 

 

Replies 5 (5)

deepaksharma
Shopify Partner
443 61 90

Hey there you can create the type of code as you like using the help of tools like ChatGPT or Gemini and then placing the code inside of Custom Liquid or Custom HTML, from the theme customisation as of starter. To make it dynamic or create a section you may have to hire a developer if you are not familiar with Shopify Theme templating.

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
ambientcandle19
Excursionist
47 0 4
I've been at this for over an hour. No matter how much I try I evern copy
the entire code. Its not giving me the results. Its double the images in
the screen,weird. its cut them in half weirder but all i want is this (
attached ) the top one is banner the bottom is image with text. I simply
want the image with text to act as a banner and display as a banner in
mobile while acting as an image with text in desktop. The bigger companies
all have it. And when I load an image with text on it manifests as that
banner image! then makes itself smaller so its possible. My brain literally
hurts.
Does it make sense? I know another theme would probably have it but I cant
really go that route right now


deepaksharma
Shopify Partner
443 61 90

can you send me the sample or a screen shot explaining how exactly you need so i can make one and give it to you.

Hand drawing on a paper explaining that, will be fine as well

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
ambientcandle19
Excursionist
47 0 4
Hey! Just wondering if you were able to figure it out for me? Patiently
waiting
ambientcandle19
Excursionist
47 0 4

Hello I thought I replied but I did not sorry. It's essentially this they'll is browser while the bottom is on mobile. Do you see what I mean about no white edges? But in browser it looks a separate way. I think it might be CSS liquid code but idk let me know if it makes sense thanks 

 

IMG_20240303_090012.jpg

Screenshot_2024-03-03-08-57-29-07_40deb401b9ffe8e1df2f1cc5ba480b12.jpg