This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

device layout

Resolved 18 replies developerpluginplugin-page-builder
alister
9 years ago · Last reply by Andrew Misplon 9 years ago

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

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

18
  1. Andrew Misplon Staff 9 years, 10 months ago

    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.

  2. alister 9 years, 10 months ago

    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.

  3. Andrew Misplon Staff 9 years, 10 months ago

    Sure. We’d need to see the issue live to assist. Can you arrange that?

  4. alister 9 years, 10 months ago

    Thats fine. I have now activated the theme that has been causing the issue.

    Thanks for the help

  5. alister 9 years, 10 months ago

    Still having the same problem, I cant find a solution. Please help

  6. Andrew Misplon Staff 9 years, 10 months ago

    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.

  7. WordPress Private 9 years, 10 months ago

    This is a private message.

  8. Andrew Misplon Private Staff 9 years, 10 months ago

    This is a private message.

  9. Andrew Misplon Staff 9 years, 10 months ago

    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.

  10. alister Private 9 years, 10 months ago

    This is a private message.

  11. Andrew Misplon Staff 9 years, 10 months ago

    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.

  12. alister 9 years, 10 months ago

    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,

    skt layout1

    But what if I wanted to make it more like the images from my first post. For example,

    image2

    I am assuming though that this is because of the responsiveness of the theme?

  13. alister 9 years, 10 months ago

    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)

  14. Andrew Misplon Staff 9 years, 10 months ago

    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.

  15. alister 9 years, 10 months ago

    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.

  16. Andrew Misplon Staff 9 years, 10 months ago

    You’d normally specify the viewport in the document head with a meta tag. Something like:

    <meta name="viewport" content="width=1280" />
  17. alister 9 years, 10 months ago

    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.

  18. Andrew Misplon Staff 9 years, 10 months ago

    Awesome, that’s great news. Really glad to hear you’ve made progress.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread