Hi,
I’m using the XStore theme and I’d like my entire website to always appear scaled down to 80%, similar to how it looks when the browser is zoomed out to 80%.
I’ve tried various CSS approaches like using zoom, transform: scale(), wrappers, and manual centering – but I keep running into issues like:
Content getting cut off on the left
Too much empty space on the right
Layout not being centered properly
Scrollbars appearing unexpectedly
What I’m trying to achieve is a consistent 80% scaled look on desktop screens (min-width: 992px), with the entire site centered visually, no overflow, and no parts hidden.
Can you please help me with a recommended and stable way to implement this with your theme?
Thanks a lot in advance!
