Skip to content

Fix mobile featured products to display two columns#1000

Merged
CySSoO merged 1 commit intoprettyblockfrom
cyssoo/fix-product-display-for-mobile
Mar 9, 2026
Merged

Fix mobile featured products to display two columns#1000
CySSoO merged 1 commit intoprettyblockfrom
cyssoo/fix-product-display-for-mobile

Conversation

@CySSoO
Copy link
Contributor

@CySSoO CySSoO commented Mar 9, 2026

Motivation

  • On narrow screens product miniatures in .ever-featured-products could be rendered one per row when theme CSS overrides Bootstrap, so enforce a two-column layout as a fallback for mobile.

Description

  • Add a mobile media query in views/css/everblock.css that sets .ever-featured-products .products.row > * to flex: 0 0 50% and max-width: 50% for screens below 768px.
  • The change is scoped to the .ever-featured-products block and does not modify tablet or desktop behavior.

Testing

  • Ran git status --short && git log -1 --oneline which succeeded and shows the change committed.
  • Performed the git commit operation which completed successfully and recorded the patch.
  • Tried a Playwright screenshot run against http://localhost which failed with ERR_EMPTY_RESPONSE because no local server was available to render the page.

Codex Task

@CySSoO CySSoO merged commit 504a709 into prettyblock Mar 9, 2026
0 of 4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant