Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi everyone,
I ‘ve designed a layout on a laptop and now the website looks messed up on all other screen resolutions/sizes. Mainly larger resolutions.
Is there a way to lock the layout to display just 1 resolution on all monitors?
Thanks,
Hi Derek
Thanks for posting.
Do you have a public URL where we can take a look at what’s going on?
Hi Andrew,
Thanks for the reply. Here is a preview URL. http://www.oxch.co.uk/product/jaguar-f-type-svr-copy
This was designed on a 1920×1080 monitor.
Password is: oxford111
Thanks for the link.
It would be best to set up your design to handle responsive resizing. If you want to deactivate Page Builder responsiveness you can do so from SettingsPage BuilderLayout: Responsive Layout. You’d probably need to go one step further and set a fixed viewport, that’s more of a theme level challenge though. Something like this:
You can apply a fixed viewport using a child theme or a plugin like Code Snippets. The implementation is, unfortunately, a bit beyond our free support scope on the forums. There are quite a few blog posts out there on how to do it if you want to jump in. Hope this helps a bit.
Hi Andrew,
Thanks for the reply. If I deactivate responsiveness I will lose control for mobiles and tablets. Is there any way for this meta tag to affect just the desktop?
I read a couple of other posts that you replied to, and I found the following CSS that seems to do something closer to what I am looking for. However it is not centered and affects the whole page and not just the content.
.postid-1267 {
width: 1080px;
}
Much appreciated!
Unfortunately, there isn’t a meta tag solution that’ll work for desktops, at least not that I’m aware of.
The solution you mention above would have the same effect for mobile as turning off responsiveness. You’d have to wrap it in a media query. The area you need is also wider than 1080 you’re setting there.
Our free support scope is unfortunately limited. We aren’t really able to dive into custom development situations. That’s something we can get more involved in under our premium support scope but are limited here. Sorry, I don’t have better news. If you want to center the div you mentioned in your last reply you can try adding
margin: 0 auto;Hi Andrew,
the margin CSS worked great. I appreciate your time and assistance!
Awesome :) Glad to hear you’ve made progress. All the best!