Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How to zoom out/scale down entire website

How to zoom out/scale down entire website

amirasvanity
Excursionist
13 1 1

I would like to zoom out/scale down my entire website (every page, not just home page). I'm using the sense theme. 

 

My website is too much in my face, I want to zoom it out. So example, I have to go to my browsers zoom and zoom out to 80%.  How can I use CSS to zoom out the entire website without having to physically zoom out using the browser? 

 

Here's 100%:

amirasvanity_1-1691110902498.png

 

Here's 80%:

amirasvanity_2-1691110978994.png

 

 

Replies 2 (2)

biznazz101
Shopify Partner
494 50 94

In your THEME CSS settings, not the individual sections but overall theme. You can try adding something using the zoom & transform properties. Might not work on all browsers though, but most. Probably will need a developers help on this one, testing it somewhat I am not sure it will work well.

div {
    zoom: 0.8; /* Old IE only */
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

 

Don't hesitate to reach out for more help with your store.
SEE OUR TASK STORE or check us out via our profile! FREE STORE AUDIT
JoshuaRX
Tourist
20 0 3

Hi guys, @biznazz101 @amirasvanity ,

I'd like to implement this change to our website: https://reeflexstore.com/

 

We utilize the FOCAL theme. Is there any chance you can help with this?
We want to scale down to 80% of the current version.


Thanks,
Josh