On mobile, when I click the hamburger button, a full-screen sidebar appears. By default, overflow is set to hidden, which is fine.
However, when I open DevTools and resize the viewport, I notice that the scrollbar is completely gone—it’s hidden, not just disabled. I don’t want to fully hide the scrollbar. I only want to disable scrolling, meaning the scrollbar should still be visible but not functional.
I’ve checked many popular websites, and they disable scrolling without hiding the scrollbar. This helps prevent layout shifts when the hamburger menu opens and closes.
How can I make all my pages display at the same full width as before?
Attached files: Captura de pantalla 2026-01-30 a las 14.50.14.png
Captura de pantalla 2026-01-30 a las 14.51.22.png
Hi,
Please go to Appearance → Customize → General → Body Boxed → turn off the "Enable Body Boxed Layout" option.
Regards,
PenciDesign.
Thanks!!! now is perfect!
On mobile, when I click the hamburger button, a full-screen sidebar appears. By default, overflow is set to hidden, which is fine.
However, when I open DevTools and resize the viewport, I notice that the scrollbar is completely gone—it’s hidden, not just disabled. I don’t want to fully hide the scrollbar. I only want to disable scrolling, meaning the scrollbar should still be visible but not functional.
I’ve checked many popular websites, and they disable scrolling without hiding the scrollbar. This helps prevent layout shifts when the hamburger menu opens and closes.
Hi @Madu Band,
We’ll check this and improve it in a future theme update.
Regards,
PenciDesign.
Sure. In the meantime, could you provide JavaScript or CSS code that I can add to my child theme to override the default behavior?
Hi @Madu Band,
Please create a new ticket and include your site information. We’ll check it and assist you accordingly.
Regards,
PenciDesign.