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.

Columns collapse on mobile but don’t go 100% width

Open 3 replies pluginplugin-page-builderquestion
antoninog
6 years ago · Last reply by Andrew Misplon 6 years ago

Good morning,

I am currently building a page with Page Builder and when I go mobile the columns do collapse on top of each other like they are supposed to, however, they don’t go 100% width. All of them stay on the left side of the page at “width: calc(50% – ( 0.5 * 30px ) );”. Responsive layouts *is* enabled in the settings.

Is there a way to ensure the collapsed columns go 100% width? I have used Page Builder in the past and it worked just fine.

Thank you.

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

Need fast email support? Get SiteOrigin Premium

Replies

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

    Hi Antoninog

    Do you have a public URL where we can take a look at what’s going on?

    Thanks :)

  2. antoninog 6 years, 10 months ago

    Hi Andrew, here is a link: https://blog.storyblocks.com/state-of-youtube-2019/

    Sorry for the delay, I couldn’t share this before. Now, after some custom CSS fixes I did it appears to be working on desktop with the window scaled down to mobile size. However, the problem still happens on my iphone.

  3. Andrew Misplon Staff 6 years, 10 months ago

    Thanks.

    I see the issue in landscape view on my phone. Try editing each widget and opening the Attributes tab on the right. max-width: 386px; is the cause.

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