Automattic
[Bug]: Pique no longer full width
Quick summary
Pique's templates used to display at full width, but that's no longer happening, as shown in the theme demo https://piquedemo.wordpress.com/
In the CSS, there's a rule defining max-width: 1400px for the .site class, which creates some white space on the sides in larger screens.
Weirdly, trac doesn't show any recent changes in the last month.
Steps to reproduce
- Open any site with Pique installed
What you expected to happen
This is a regression. Pique has always been a full-with theme and it is not anymore. It's included in https://wordpress.com/themes/filter/full-width-template/ as well.
What actually happened
Theme is not full-width
Browser
Google Chrome/Chromium
Context
Customer report
Platform (Simple, Atomic, or both?)
No response
Other notes
- [ ] 6271251-zd-woothemes
Reproducibility
Consistent
Severity
Some (< 50%)
Available workarounds?
Yes, easy to implement
Workaround details
.site, .site-footer {
max-width: none;
}
Support References
This comment is automatically generated. Please do not edit it.
- [ ] 6271251-zen
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "Published by a pub.dev verified publisher"){kind=small}
📌 SCRUBBING : RESULT - Replicated / Could Not Replicate / Uncertain
- Tested on Simple – Replicated
- Tested on Atomic – Replicated
- Replicable outside of Dotcom – Yes
📌 FINDINGS/SCREENSHOTS/VIDEO
- Replicated as described - content restricted at 1400px
Screenshots/Recordings
📌 ACTIONS
- Assigned to Themes
This is weird. I also remember the Pique theme being full width - I used it many years ago. But the Wayback Machine disagrees with me: https://web.archive.org/web/20160601192624/https://piquedemo.wordpress.com
It's not a browser thing either.
8609846-zen I ran into this issue today. It only showed the white space if I visited the site while logged in and not from the user's dashboard. The CSS fixed resolved it.
