Change page width behavior below 1280px
Feature Description
Currently the params.page.width provides options to customize the max page width at 1280px+, but does nothing to affect width below that.
I'd like a parameter or some option to control the page width below that threshold. Currently at 1279px for example, the page will be extremely wide regardless of params.page.width.
Problem/Solution
It will solve the page being too wide before the window is 1280px wide, as currently content will just go to the edge. The page is much more readable at 1280px+ and the resizing is jarring. Even more confusingly, with params.page.width set to normal the content is wider with a smaller window.
The solution would be to provide an option to disable the automatic resize at 1280px and allow setting a maximum width (either through preset values or even an exact number).
Alternatives Considered
I've tried using custom css and overriding layouts, but have been unable to change this behavior. Ideally this would just be a setting and not require more complicated workarounds.
Additional Context
|
1279px window |
1280px window |
Hi @wellstring, have you tried overriding hextra-max-page-width? We just rework a new width control button in our theme, and it works with width below 1280px. You wanna a feature like this?
Preview link: https://width-control.hitsz-open-auto-github-io.pages.dev/docs/fresh-autumn/comp1011/
https://github.com/user-attachments/assets/a0bcd389-9414-4741-810e-f945e2dcf08c
A page width toggle would be nice quality of life. Personally I don't need it, but seeing your page width behave correctly on say the homepage is exactly what I'm looking for.