How to set different screen use width % for mobile and desktop?

[010mac]

Hello,

I am very very interested on this issue;

I am really interested on being able to set a different 5 of used screen width for mobile and for desktop, so I can set mobile wordpress to use 90 or 95% if the screen width, and in desktop full screen, I would like to set that % much smaller, like 75% or so.

Would also be nice to set that up depending on screen proportion, so in desktops, if screen is very landscape, 75% screen width use would be great, but for portrait window, 95% would be better.

How can I set these things? any plugin? css code?

Thanks!!

[friech]

Hi There,

Thank you for writing in, yes that is possible with custom CSS, you can set your default SITE WIDTH (for desktop) under Theme Options > Layout and Design.

Then add the custom CSS below on Theme Options > CSS to increase the site width on a narrow screen size (767px and below)

@media (max-width: 767px) {
	body .x-container.width {
		    width: 95%;
	}
}

Hope this helps,
Cheers!