How can I improve mobile banner display with CSS?

Shopify Discussion

Topic summary

A user is experiencing display issues with a banner element on their Shopify store’s mobile version. They are seeking CSS solutions to resize and better adjust the image, which is intended to redirect to a specific category.

Current Status:

  • Another user reports the banner appears correctly on their device, suggesting the issue may be device-specific or intermittent.
  • Both users have shared screenshots (images referenced but content reversed/encoded in the original post).

Unresolved:

  • No CSS solution has been provided yet.
  • The specific nature of the display problem remains unclear (sizing, positioning, or responsiveness).
  • Discussion is ongoing with no concrete fix implemented.
Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

Hi, one of the elements does not display well on the mobile version of the store. Can anyone suggest a CSS solution to reduce and better adjust the displayed image? Ultimately, the photo will redirect to the category in the store.

ErnestoF_0-1705489624554.png
ErnestoF_0-1705489624554.png825×921 580 KB

https://chromemaster.eu/collections/all-collections

pass: 123

2

@ErnestoF your banner is looking well on my side :

ProtoMan44_0-1705495367552.png
ProtoMan44_0-1705495367552.png966×865 531 KB