Hello, we are trying to add a section into the v2 theme using a page builder app, however, we can’t understand the correct padding - so our imported section matches the Shopify section. Perhaps, somebody could quickly assist us? A sample picture is below.
We tried to put 52.5px padding to this section inside the page builder app, but it didn’t align correctly.
Ive found a solution, you need to add a page-width class to the div with class shg-box-vertical-align-wrapper. You can then remove the padding that you’ve added and everything should align perfectly.
If you click on the section you should see in the right hand menu options at the bottom Custom CSS with an option to add CSS Class and type in page-width
Hey guys, in case someone else runs into this issue on the Refresh theme - in the Shogun page builder, we set the max width for this container to 1155px and the margin on the sides to “auto”. Finally, put this edited container into a blank container. It’s not perfect, because sizes differ for desktops, tablets, and mobile phones, but by setting individual padding for each screen type, we got things done. Hope it helps anyone else to create custom sections for Shopify v2.