Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
I am trying to reduce the page's padding-left and padding-right to less than the default of 20px, and not have a scroll-bar appear.
To replicate this issue
Set CSS padding to 19px or less...
.layout-center {
padding-left: 19px;
padding-right: 19px;
Reduce the width of the browser window so that the page width (not including vertical scrollbar) is less than 951px.
Related issue:
"Horizontal Scrollbar"
[Zen7.5 - Issue can't be re-opened and set as active for Zen7.6.4)
https://www.drupal.org/node/1556548
Comments
Comment #2
eleleka CreditAttribution: eleleka at Skilld commentedCan't reproduce the issue. On window width < 951 there is media queries with padding-left: 12px; and padding-right: 13px; and no horizontal scrollbars.
Comment #3
codemannI also can't reproduce the issue.
Normally when you just set the max-width, use a auto margin to center it, and put a left and right padding on it (all the default stuff on layout-center), I can't see this causing horizontal scrollbars. There must be something else that's wrong, I would say the best way is to start inspecting and looking for the object that makes it too wide horizontal.
And I'm not sure if you're setting these paddings by setting a gutter and using the zen-apply-gutter-padding()? Otherwise it wouldn't make any sense to me?
Comment #4
JohnAlbin