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.

Page builder columns going outside homepage container width in mobile devices

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

I have one row split into three columns with a SiteOrigin button in each. On desktop computers it looks okay but on mobile devices when the columns stack on top of each other they exceed the width of the homepage wrapper/container. I am using a free custom template called Scroller from www.theme-junkie.com. I am not sure if it is the SiteOrigin buttons or the columns responsible for this. Can somebody help me? I can’t leave it the way it is for mobile devices.

URL: http://www.sharkspot.email

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

Need fast email support? Get SiteOrigin Premium

Replies

12
  1. Andrew Misplon Staff 10 years, 5 months ago

    Hi Dorza

    Thanks for reaching out.

    It looks like the overlap is occurring on desktop too. Are you using the Layout Builder widget there? If so, can you perhaps try building the page without it and just using regular columns and rows.

  2. Endevia Pro 10 years, 5 months ago

    Hi Andrew,
    I also have a problem with rows split into 3 columns on mobiles (along with my logo but that is related to the template) that only appear in smartphones :
    http://www.endevia.org/fr/loi/
    http://www.endevia.org/law/

    Can you provide us with a more satisfying work around than not using your(excellent) Layout Builder?

    Thanks in advance
    Jorhan Fabriano

    • Andrew Misplon Staff 10 years, 5 months ago

      Hi Endevia Pro

      We’d like to help you, but can you please start a new thread with your question? We can only offer you the best support possible when you’re the owner of a thread.

      Page: New Thread

      If you’re a premium user, please be sure to enter your order number so we can properly prioritize your thread.

  3. Endevia Pro 10 years, 5 months ago

    Alright. But my problem is the same as Dorza….

    • Andrew Misplon Staff 10 years, 5 months ago

      Thanks :) We’ll help out ASAP once you’ve opened a thread.

  4. Dorza 10 years, 5 months ago

    I could try doing it without the layout builder but it is really hard to get the buttons positioned properly next to each other the way it looks now. Especially since the homepage is dynamic and is set up mainly with widgets I could only manipulate css. Can you help me out?

  5. Dorza 10 years, 5 months ago

    If I reduced the width of the layout builder columns or site Origin buttons would that fix it for the mobile view as well?

  6. Andrew Misplon Staff 10 years, 5 months ago

    If possible, please work the home page with the buttons outside of the Layout Builder, just three columns next to each other. I can try assist from there.

  7. Dorza 10 years, 5 months ago

    I managed to fix up the button width issue in the desktop view and most mobile screen views . There is only one mobile resolution 800×1280 where it is sort of still happening.

  8. Andrew Misplon Staff 10 years, 5 months ago

    Looking all fitted on my iPhone 5s in portrait and landscape. Looks like a decent result.

  9. Dorza 10 years, 5 months ago

    Okay, I guess that it a good enough result for the buttons for me. You can mark this topic as resolved. Thanks for your help and assistance anyway.

  10. Andrew Misplon Staff 10 years, 5 months ago

    For sure. Thanks for your understanding.

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