How to add and make an image centre + responsive using the custom liquid section?

scranman
Excursionist
16 0 9

Hey Everyone, I am looking for some help with coding custom liquid for images that I wish to use on my store. 

 

I would like them to be centered and responsive to mobile and desktop. They are only 600*70px as they are header images. 

 

I would really appreciate the help. 

 

Thanks so much 🙂 

Replies 3 (3)

MS_WEB_DESIGNER
Shopify Expert
695 52 135

Hi @scranman,

I am Ani From https://www.task4store.com/  - Shopify Small & Custom Tasks Experts ( By MS Web Designer - Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore )

I will love to help you with your concern.

-Kindly Provide your Store Url,
-Also Mention Which Shopify theme you are using 

Note: If your store is protected with ‘store Font password’ please Send it here or DM me.

If you have any concerns feel free to ask me!

Regards,
Ani

banned
scranman
Excursionist
16 0 9

Hi Ani, 

 

Thank you so much, 

 

my store is https://www.scran.ie

 

I use the Sense 2.0 theme 

 

Thanks again 

465GurlFriday
Visitor
1 0 0

I am also wanting to know the same thing. I keep adding the my code in the custom liquid section. And it pulls everything in. However, It’s not centered. 

 

This is the code I am entering:

<p>
<a href="link_to_banner">
</a>
</p>
 
but I am not sure what to add to it in order to get the picture to be centered & the exact width of the device.
 
I too am also using Sense