Profile: veronicaG-2

Problem: At certain screen sizes, some of the content in the right column of my site overlaps the image displayed in the left column.

Solution: Remove the col-md-6 class from the element marked in the attached screenshots.

Relevant Documentation: https://getbootstrap.com/docs/3.3/css/#grid

Problem: The Product Images in a full-width row are not shown at the correct size. I cannot adjust the size using the CSS provided in the tutorial video "Creating WooCommerce Product Templates With Toolset".

Solution: The structure of the product image markup was modified by WooCommerce after this video was produced, so the proper adjustment should be as follows:

.woocommerce-page div.product .ddl-full-width-row div.images {
  width: 100%
}