Automatic ZOOM'ed In Possiblity?

When on chrome.. my site looks like it has a lot of Empty Space on 100% Zoomed ( Default )



But what my intensions were on the theme was to be like this on All Browsers.. is there a code that will zoom people with higher Resolution screens to be like this instead?

Hello @SpyroDragon,

You can try this for Chrome if you like. Go to Modules > JavaScript codes managament > Create a new script

Title : Your choice
Placement : In all the pages

Code:

navigator.userAgent.indexOf('Chrome') > -1 && $(function() { document.body.style.zoom = '160%' });

To modify the zoom level, change 160%.

What about for All Browsers too?

And on Chrome it screws up the Social Widget...

Try this for IE and Chrome, for Firefox the "Zoom" property is not supported.

Code:

$(function() { document.body.style.zoom = '160%' });

Websites can look different due to multiple factors :
• Resolution of the screen
• Viewpoint of the browser
• The user's preferences

I don't recommend using "zoom" for the body, because everyone has their own preferences, but if it's what you want..

theres also a lot of problems when you try uploading picture via servimg ..-- too many problems I just gave up on this..