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.

Constrain size of panels on responsive page

Open 1 reply pluginplugin-page-builder
benblanchard
11 years ago · Last reply by Greg Priday 10 years ago

Hi,

I am trying to constrain the size of panels on a responsive page that I made with Page Builder. Currently, it does ok with not stretching them when the browser is expanded. When you shrink the browser, there is an intermediate size range (between when they can be presented side-by-side, and when they are arranged vertically) in which the panels get a bit narrower. I’ve constrained the width and height for the “.panel” CSS class. How can I get the responsiveness to to smoosh them a little when the browser is in the aprticular size range?

Thanks,

-Ben Blanchard

URL: http://benblanchard.com/thomas/

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

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Greg Priday Staff 10 years, 11 months ago

    Hi Ben,

    The best solution here would be to not constrain the width of the widgets. Letting widgets fill the width of their container is the easiest way to make a page fully responsive. It’s something Page Builder generally counts on.

    If you do need to force the width of the widgets, you’ll need to add some media queries to handle the intermediate levels.

    https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

    If you need help implementing this, I’d suggest posting the job on somewhere like https://codeable.io/

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