Appreciate this solution, which I’m using now. Is there a way to edit the template of the policy page to solve the issue less ‘hacky’ in Dawn theme and also make more changes to the policy page? Can’t seem to find the right file in the theme.
Topic summary
Issue: Changing policy page width via base.css made desktop look correct but broke mobile (narrow content and distorted announcement bar). The goal was to widen only policy pages on desktop, leaving other pages and mobile unchanged.
Solution provided: Add a CSS media query in base.css to apply the width change only on screens ≥768px (desktop). Example: @media (min-width: 768px) { /* policy selectors */ max-width: 100%; width: 75%; }. A media query is a CSS condition that scopes styles to specific viewport sizes.
Outcome: The media-query approach worked; desktop policy pages are wider without affecting mobile.
Latest development: A participant asked for a less “hacky” method—editing a dedicated policy page template in the Dawn theme to enable broader customizations—but couldn’t find the correct file. No guidance or file path was provided yet, and this question remains unanswered.
Status: Original issue resolved for desktop-only styling via CSS; thread remains open regarding a template-based approach for policy pages in Dawn.