Adjust Position of Custom Liquid Image for MobileView only

JoyboyNika
Visitor
1 0 0

Hello Friends i really need help please

 

I added an Image with custom liquid on my product page below the add to shoppingcart button.

On desktop view it is perfect but...

 

JoyboyNika_0-1711493034397.png

 

on mobile View its not centered below the button. How can i center it seperatly for mobile??

JoyboyNika_1-1711493151298.png

 

The code for custom liquid i used: 

 

<div style="width: 70%;
display: flex; justify-content: center;">
<div>
<img src="{{ 'imagefinal.png' | file_img_url:'500x200'}}">
</div>

 

thanks in advance!

 

 

Reply 1 (1)

Columbus_Themes
Shopify Partner
116 8 15

Add a link to your store.

If you find my reply helpful, please hit Like and Mark as Solution.

Happy coding!