Is it possible to display product images on mobile devices?

Store Design
, , , , , , , ,

Topic summary

A user is trying to display product images in the sticky cart on mobile devices. Currently, mobile only shows the price and “Add to Cart” button, while desktop and tablet display the full product information including images.

Solution provided:

  • Remove the CSS class small-hide from the relevant theme code
  • Locate the HTML/Liquid code containing <div class="sticky-cart__content-image media-wrapper media-wrapper--small small-hide">
  • Always backup the theme before making changes

Important considerations:

  • The user is using the “Be Yours” theme
  • Adding more content to mobile may cause layout issues on smaller screens due to limited space
  • Additional styling improvements may be needed for the sticky add-to-cart bar to maintain proper layout

Status: The initial issue was resolved successfully. The user has a separate unresolved header problem they’re seeking help with in another thread.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

Hello everyone in the group, do you think it is possible to show the product photo also on mobile devices?

If you watch the video, you will notice that when viewing on a PC or tablet you can see the image, title, price and “Add to Cart” button.
However, on mobile devices, you only see the price and the “Add to cart” button.

I would like to add at least the image next to the price; In your opinion, is it feasible?

I’m using the “Be Yours” theme.

This is my site: https://a3cd78.myshopify.com

Thank so much all

LINK VIDEO YOUTUBE: https://youtu.be/VEfBsdogyWg

2

If using an app check the apps settings for mobile style behaviors.

If this is a feature of the theme itself you need to go in an edit the relevant code for the section/block/setting and remove the class small-hide

Always backup themes before changing files.

Your looking for the following html, though there may be liquid involved so may not be an exact text match by searching code:

Keep in mind your now insisting on cramming MORE into less space, so as the screen gets smaller the layout will break unless you also improve the styles for all parts of the sticky add to cart bar.

If you need this customization done for you then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

3

Hi PaulNewton, ok, it worked.
I made the changes and was looking just like that.

One last piece of information: I’m going crazy over a problem that I haven’t been able to solve yet.

Could you give me a hand?

This is the link to my question: https://community.shopify.com/c/shopify-design/problem-header/m-p/2324300#M613367