Give you .moreinfoswatch-block
a width: 100%;
to force it below.
To make it full width is not easy without hackish CSS which i would hate to suggest.
My method would be this:
1. Use the Layout Element to make the single Product > Full Width.
2. Now to contain the galllery/summary:
2.1 Hook into: woocommerce_before_single_product_summary
the opening for a contained wrapper:
<div class="woo-summary-wrap grid-container"><!-- open wrap -->
Note: if using a Hook Element delete the </div>
that it will automatically add in the editor.
2.2 Now hook into woocommerce_after_single_product_summary
with a lower priority then your Ask us block the closing </div>
This should keep the top half contained and the remainder of the page Full Width.
3. The related posts will need some CSS to contain them:
.single-product .related.products {
max-width: 1350px;
margin: auto;
}