Amazing, this works great. Only thing is:
- Width is reduced in mobile mode as well, is there a way to exclude mobile ?
Thank you!
Topic summary
Goal: Reduce the visual width of product pages in the Cornerstone theme (example URL provided) because the layout feels too wide.
Key suggestions:
- One participant flagged an image styling cause: a theme.css rule (around line 9460) with aspect-ratio: 4/5 that may influence layout; suggested removing it, with a reminder to back up before editing.
- A developer provided custom CSS (code not shown) that successfully narrowed the page width. The original poster confirmed it worked.
Refinement for mobile:
- Another user noted the fix also narrowed the layout on mobile and asked to exclude mobile devices.
- The developer supplied a desktop-only CSS version (likely using a media query), which addressed the concern. The user confirmed success.
Outcome:
- Effective resolution via custom CSS to reduce product page width, finalized to apply only on desktop.
- Optional alternative is adjusting/removing the aspect-ratio rule in theme.css if relevant.
Status: Resolved; no open questions. Code snippets are central but not included in the thread extract.