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.

Pagebuilder row switches to stretched when page is resized.

8 years ago · Last reply by Kevin Pyles 8 years ago

I have a pagebuilder row that I set to Full Width and revised the setting so the Full Width Container is the same width as the sites navigation. It works fine when the page is loaded but when the page is resized the width of the row becomes stretched to the full page width.

An example can be seen here. http://iedco.flashpoint.digital/pneumaticvacuum-conveying/what-iswhy-pneumatic-conveying/

Thanks for any help.

Kevin

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

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Alex S Staff 8 years, 5 months ago

    Hi Kevin,

    Do you still need help with this? If you do, please either set one of the rows on the linked page as full width or create a test page with rows set to full width so I can inspect them.

  2. Kevin Pyles 8 years, 5 months ago

    Hi Alex,

    The row is set to Full Width, however under pagebuilder settings I had changed the full width setting to #content.container
    It has the desired effect but when the page is resized the banner gets stretched out.

    I was able to get the desired effect without this happening by adding the following css to the row attributes on this page.
    http://iedco.flashpoint.digital/pneumaticvacuum-conveying/what-iswhy-pneumatic-conveying-2/

    background-size: cover; background-position: center top; visibility: visible;
    padding-left: 39px;
    padding-right: 15px;
    margin-left: -39px;
    margin-right: -15px;
    border-left: 0px;
    border-right: 0px;
    height: 150px;
    margin-top: -15px;

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