Pagebuilder row switches to stretched when page is resized.
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
2Hi 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.
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.