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,
I am currently using your page builder to build some web pages for a client and when I’ve checked to see it using another media device, the following happens in the two pictures below. This seems to occur under all media devices.
I have tried enabling the responsive layout and tablet layout in settings and that hasn’t worked too.
This seems to happen on all pages that I have used page builder with. With the navigation bar, header, footer and other rows using the same width. However, I’m not sure why some rows haven’t been affected.
Haven’t been able to figure this out. Any help and assistance would be much appreciated.
Thanks
Hi Alister
Sorry to hear about the hassle. Have you perhaps made progress with this challenge? I’ve taken a look at your contact page for example and it seems to be displaying normally on my phone in portrait and landscape views.
Hi Andrew,
I activated a different theme to try and solve the problem and a lot of try and error, but it wasn’t what i was looking for. I’ve now switched this back.
Been trying for days, still no closer to solving the problem.
Any assistance would be much appreciated, thanks.
Sure. We’d need to see the issue live to assist. Can you arrange that?
Thats fine. I have now activated the theme that has been causing the issue.
Thanks for the help
Still having the same problem, I cant find a solution. Please help
Hi Alister
Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:
[email protected]
Just navigate to UsersAdd New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the Send Password field so we receive the details.
Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.
This is a private message.
This is a private message.
Thanks.
Is your theme responsive? For example, the div header-inner has a fixed width of 1160px, I don’t see that being updated as the screen size gets smaller.
Your theme tries to enqueue a stylesheet called theme-responsive.css but it isn’t found, is that part of the problem?
The following page is an example: Private Snippet. If you temporarily switch over to say, Ultra, the page is the correct width on mobile.
In summary, this problem looks to be with the theme’s CSS/responsive design.
This is a private message.
I wish I could. We’re a really small team servicing a pretty large portfolio of themes and plugins at the moment. If you have any SiteOriging specifics questions I can certainly assist. Unfortunately, we don’t have the capacity to assist with wider issues at the moment.
Thats fair enough.
Okay, if I was to reduce the size of the contents I have built with page builder, how would i do that?
Using the page builder this is how it looks on iPhone,
But what if I wanted to make it more like the images from my first post. For example,
I am assuming though that this is because of the responsiveness of the theme?
This is how it looks having activated the theme I want.
The theme is responsive to different media screen.
I guess my question is, what if I wanted to reduce the size of the contents of everything I have built using page builder, such as the above.
(sorry, wanted to post again for the above for clarity)
There isn’t really an easy answer to that, at least not from Page Builder’s settings. You could try something like this in Custom CSS or your theme’s style.css file:
@media (max-width: 680px) { .panel-grid { max-width: 50%; } }Adjusting the above values as required.
Tried the above. And tried adjusting the values to both extremes of 90% and 10%. Still no luck.
I’ve read about specifying a viewport property, would this be the route to go?
If so, I’m not so sure how to correctly specify it in my css.
You’d normally specify the viewport in the document head with a meta tag. Something like:
Just before your response I found that in my header.php file and thought I’d adjust it.
Funnily enough it worked!
Applied to page builder and theme and looks fine….. for now.
Can’t believe I spent days on this.
Thanks for all the help Andrew.
Awesome, that’s great news. Really glad to hear you’ve made progress.