Search code examples
jqueryhtmlcsswordpresszooming

Zoom out whole WordPress site


For zooming out on my WordPress I've used the following:

html { -moz-transform: scale(0.8, 0.8); zoom: 0.8; zoom: 80%; } 

The code do not work on Fireforx, Microsoft Edge . Can anyone help me here ?


Solution

  • Here is updated CSS code: Just need to add transform-origin: 50% 0; into your CSS code: But in Mozilla browser your website will view 80% only.

       html { 
            -moz-transform: scale(0.8, 0.8); 
            transform-origin: 50% 0;
            zoom: 0.8; 
            zoom: 80%; 
        }