Hey, ive updated the code here but there is no change for mobile view
Topic summary
Mobile collection list tiles in the Impact theme are too large; requester wants smaller images and text on phones, showing 2–3 items per row.
Actions and outcome:
- Helper provided custom CSS to add under the in theme.liquid. Initial placement was wrong, then corrected, and font-size reduction was added. Changes became visible and were confirmed to work.
- Exact code details are not shown in the transcript; screenshots were referenced.
Theme setting interaction:
- Works when the “Stack collections” option is enabled (a layout setting that stacks collection cards vertically). The requester asked to have the same sizing when “Stack collections” is unchecked (grid layout).
- Helper cautioned that applying a fix for the non-stacked layout would conflict with the existing code, potentially breaking both; no workaround was provided.
New question:
- Another participant asked how to move the collection title from centered overlay to below the image, left-aligned. No responses yet.
Status:
- Primary issue resolved for stacked layout on mobile. Behavior for non-stacked layout remains unresolved. New styling question is open.