Home>Support>Constrain size of panels on responsive page

Constrain size of panels on responsive page

By benblanchard, 9 years ago. Last reply by Greg Priday, 9 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 7 months ago Greg Priday
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More