adjusting layout for images, hiding gallery, moving short description

diff --git a/css/app.css b/css/app.css
index cd473d5..9e492a1 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7413,7 +7413,7 @@ main.woocommerce, div.woocommerce {
   main.woocommerce #content .product.type-product .summary.entry-summary > div[itemprop="description"], div.woocommerce #content .product.type-product .summary.entry-summary > div[itemprop="description"] {
     margin: 0 auto;
     text-align: left;
-    width: 80%; }
+    width: 100%; }
   main.woocommerce .shop_table.shop_table_responsive.cart, div.woocommerce .shop_table.shop_table_responsive.cart {
     margin-top: 20px; }
   main.woocommerce .wc-proceed-to-checkout, div.woocommerce .wc-proceed-to-checkout {
@@ -7438,7 +7438,7 @@ main.woocommerce, div.woocommerce {
       main.woocommerce .main.woo-single-product #content .type-product .images #wpb_wiz_img_id, div.woocommerce .main.woo-single-product #content .type-product .images #wpb_wiz_img_id {
         height: 220px; }
     main.woocommerce .main.woo-single-product #content .type-product .summary.entry-summary, div.woocommerce .main.woo-single-product #content .type-product .summary.entry-summary {
-      width: 60%; }
+      width: 100%; }
       @media only screen and (max-width: 40em) {
         main.woocommerce .main.woo-single-product #content .type-product .summary.entry-summary, div.woocommerce .main.woo-single-product #content .type-product .summary.entry-summary {
           width: 100%; } }

diff --git a/scss/plugins/_woocommerce.scss b/scss/plugins/_woocommerce.scss
index 96b16b4..9244229 100644 (file)
--- a/scss/plugins/_woocommerce.scss
+++ b/scss/plugins/_woocommerce.scss
@@ -748,7 +748,7 @@ div.woocommerce {
         .summary.entry-summary > div[itemprop="description"] {
             margin: 0 auto;
             text-align: left;
-            width: 80%;
+            width: 100%;
         }
     }
     .shop_table.shop_table_responsive.cart {
@@ -785,7 +785,7 @@ div.woocommerce {
                 
             }
             .summary.entry-summary {
-                width: 60%;
+                width: 100%;
                 @media #{$small-only} {
                     width: 100%;
                 }