Go to your Online store > Themes > open theme.liquid file, add this code before tag
Topic summary
Goal: Hide a custom liquid image under the product info on mobile only.
Context shared:
- Store URL provided: https://izzyfit.de/products/hula-hoop (no password).
- Screenshot indicates the target image sits under the payment badges (attachment central to understanding).
Proposed solutions:
- Add a CSS media query in base.css targeting div#__pf to display: none for screens ≤769px.
- Insert additional code in theme.liquid above (exact code not shown in thread).
- Latest advice: place code before in theme.liquid (exact code not shown).
Current outcome/issues:
- OP reports both attempted approaches hide the entire product description on mobile, while the specific image remains visible.
- This suggests the selector (div#__pf) or target element is incorrect, or the image resides outside the targeted container.
Status and next steps:
- Unresolved/ongoing. Needs inspection of the page’s DOM to identify the correct selector for the specific image and apply a mobile-only CSS rule to that element only.
- No final fix or confirmed solution yet.
1 Like