How do I modify a WooCommerce page with BoldGrid Post and page Builder and Storefront theme?

The published page on my Woocommerce site looks different to the page in edit. Things get squashed out of shape, pictures are different sizes. When I try to correct by altering the block or font sizes it seems to get worse. I’ve read the two posts that refer to this and I’ve tried the suggested option which is basically to save the permalink. Also, you promote BoldGrid as having a simple drag & drop system. Where can I find that? When I try dragging & dropping elements they end up in strange places. Also, your documentation is not very helpful. In fact most of it just describes what a block or column or element is but not how to use it. In fact your documentation has a basic flaw in that it uses different terms for the same thing which is bad writing. ‘Section’ and ‘block’ come to mind which apparently refer to the same thing.