Adjust Position of Custom Liquid Image for MobileView only

Topic summary

  • Issue: An image added via custom Liquid below the “Add to cart” button is correctly centered on desktop but appears off-center on mobile. The poster wants to center it specifically for mobile view.

  • Implementation details: Uses inline styles with a flex container and 70% width:

    … The problem likely involves responsive behavior/CSS affecting alignment on smaller screens.
  • Visual context: Screenshots of desktop and mobile layouts are central to understanding the misalignment.

  • Latest update: Another participant requested a link to the store to inspect the issue. No solution or code change has been provided yet.

  • Status: Unresolved, awaiting additional details (store link) to diagnose and propose a mobile-specific centering approach (e.g., CSS adjustments for mobile).

Summarized with AI on January 1. AI used: gpt-5.

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…

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

The code for custom liquid i used:

thanks in advance!

Add a link to your store.