Hi, thank you for help but I ask for something different..
My question is… Can I have 2 different pictures - one on desktop and one the mobile view.
ex. main header picture on desktop will be apple, but on mobile view will be pear..
Thank you again.
Topic summary
Main issue: Product/hero images look cropped on mobile (only the middle shows). The requester prefers using a different image on mobile than on desktop (e.g., desktop = apple, mobile = pear), but would also accept mobile-only resizing.
Proposed approaches:
- Use a page builder app (e.g., PageFly) that supports setting different images per device; a screenshot was provided indicating separate desktop/mobile image controls.
- Implement CSS media queries (“@media”) to conditionally show/hide or swap images based on screen size. Alternatively, contact the theme developer for built‑in support.
Clarification: The goal is truly different images per platform (not just layout changes), such as different backgrounds on phone vs. PC.
Most recent update: Another user later resolved similar mobile-cropping issues via theme settings: Online Store → Theme → Customize → switch to Mobile view → enable “Constrain media to screen height” and set “Media fit → Original.” They noted prior attempts with an app (SEOant) and custom code didn’t fully fix all products.
Status: No single canonical solution. Device-specific images require an app or custom CSS; theme settings can improve mobile rendering without different images. Screenshots are central to the suggested steps.