Home>Support>Page builder columns going outside homepage container width in mobile devices

Page builder columns going outside homepage container width in mobile devices

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].

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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. 9 years, 10 months ago Endevia Pro

    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

    • 9 years, 10 months ago Andrew Misplon
      Hi, I Work Here

      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. 9 years, 10 months ago Endevia Pro

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

    • 9 years, 10 months ago Andrew Misplon
      Hi, I Work Here

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

  4. 9 years, 10 months ago Dorza

    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. 9 years, 10 months ago Dorza

    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. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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. 9 years, 9 months ago Dorza

    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. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

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

  9. 9 years, 9 months ago Dorza

    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. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More