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.

Site responsive problem.

Resolved 20 replies pluginplugin-page-builder
10 years ago · Last reply by Andrew Misplon 10 years ago

Hi I have generated a website using Tesseract theme but I’m having trouble getting support for my problem, I’ve used Site Origin Page Builder and everything has gone real well. On the mobile phone the Home page is Ok but the other pages only display about a 1/3 vertically. Hope you can help.

URL: http://www.icongraphicdesign.com.au/sunbar/staging

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

Need fast email support? Get SiteOrigin Premium

Replies

20
  1. Andrew Misplon Staff 10 years, 3 months ago

    Hey Paul

    Thanks for reaching out.

    I’m not immediately seeing the cause of the problem. Can you perhaps try creating a page and don’t use Page Builder. Insert dummy content and test it. That’ll let us know if this is definitely coming from Page Builder of if it’s a theme level challenge.

  2. Paul Danher-Hart 10 years, 3 months ago

    Thanks Andrew, I give that a go when I get to work tomorrow, it’s nearly bed time here in Australia. Have a great day.

  3. Andrew Misplon Staff 10 years, 3 months ago

    For sure :) Chat when you’re next online.

  4. Paul Danher-Hart 10 years, 3 months ago

    Hi Andrew, sorry for late reply, I turned off all plugins and the website displayed across the (problem) pages correctly, I then turned on each plugin one at a time and the pages where fine until I turned on Page Builder, so I think Page Builder may be conflicting with the site. Home page always displays correctly. Thanks

  5. Paul Danher-Hart 10 years, 3 months ago

    Hi Andrew, I have now discovered that Page Builder was clashing with Beaver Page Builder, don’t know why Beaver Page Builder was on there to start with but it appears after deleting Beaver Builder to be working fine.

  6. Andrew Misplon Staff 10 years, 3 months ago

    Awesome :) Really glad to hear you’ve made progress with this problem.

    In future, with suspected plugin conflicts, when testing you can de-activate all plugins and then activate your target plugin first. So in this case I would have activated Page Builder first. If everything was “ok” I’d then start activating the rest of the plugins one by one.

    All the best with your site :)

  7. Paul Danher-Hart 10 years, 3 months ago

    Hi Andrew, thanks for replying, for some reason the problem is still happening, don’t understand, when we deactivated Page Builder it was Ok (site didn’t look nice) and when we re-activated it it appeared to be Ok but now the problem is still there. Not displaying properly on iPad either, are you able to assist? Regards, Paul.

  8. Andrew Misplon Staff 10 years, 3 months ago

    Have you tried running the original test I suggested?

    Can you perhaps try creating a page and don’t use Page Builder. Insert dummy content and test it. That’ll let us know if this is definitely coming from Page Builder of if it’s a theme level challenge.

  9. Paul Danher-Hart 10 years, 3 months ago

    Ok, I’ll do that today. Thanks.

  10. Paul Danher-Hart 10 years, 3 months ago

    Hi, Andrew, just when through your instructions. Turned off all Plugins, all site pages displayed Ok on mobile, re-activated Page Builder and problem came back, deactivated Page Builder then re-activated each Plugin one by one and tested, each time pages were Ok, reactivated Page Builder and problem came back.
    Created a test page without the use of Page Builder, activate Page Builder, Test page was Ok and the other pages had the problem. What are your thoughts? Regards, Paul.

  11. Andrew Misplon Staff 10 years, 3 months ago

    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 Users > Add 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.

  12. WordPress Private 10 years, 3 months ago

    This is a private message.

  13. Paul Danher-Hart 10 years, 3 months ago

    Hi Andrew,

    All done, Admin is set up, let me know how you go.

  14. WordPress Private 10 years, 3 months ago

    This is a private message.

  15. Andrew Misplon Staff 10 years, 3 months ago

    Here we go. This is from the Tan page second row, first Visual Editor:

    <div class="alignleft" style="width: 980px; height: 1px; background-color: #ab9c8e; font-size: 0;">-</div>

    It’s not possible to use fixed width’s in responsive design without dealing with them later. In this case you’d need to say something like:

    <div class="alignleft" style="width: 100%; max-width: 980px; height: 1px; background-color: #ab9c8e; font-size: 0;">-</div>
  16. Andrew Misplon Staff 10 years, 3 months ago

    You’d need to seek out all the instances where you’ve applied a fixed with like this and change over to using max width with 100% or alternative solution.

  17. Andrew Misplon Staff 10 years, 3 months ago

    There could be other challenges but this is one of them.

  18. Andrew Misplon Private Staff 10 years, 3 months ago

    This is a private message.

  19. Paul Danher-Hart 10 years, 3 months ago

    Hi Andrew, thank you so much for your help, it’s woking great! I would never had worked that out for myself. Thanks again.

  20. Andrew Misplon Staff 10 years, 3 months ago

    Super :) Glad to hear that helped. I should have looked for this from the beginning. In general, if you see a design break responsively in the way we did, check for fixed width elements. They are usually the cause.

    All the best.

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