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
Started · Latest reply by Andrew Misplon

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

    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

    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

      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

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

    • Andrew Misplon Staff

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

  4. 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. 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. Andrew Misplon Staff

    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

    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

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

  9. 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. Andrew Misplon Staff

    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