diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index 2bb2c50..1b2072e 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -19,6 +19,8 @@ @media only screen and (max-width: 1024px) { .flexRowContent--product-main { display: block; + padding-left: 40px; + padding-right: 40px; } .flexRowContent--product-main .stretchChildrenWidth { width: 100% !important; @@ -47,4 +49,14 @@ .flexRowContent--size-buy-button :global(.vtex-button) { width: 780px; } +} + +@media only screen and (max-width: 1024px) { + .flexRowContent--description { + display: flex; + flex-direction: column; + } + .flexRowContent--description .stretchChildrenWidth { + width: 100% !important; + } } \ No newline at end of file diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index d013241..200710d 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -14,6 +14,11 @@ padding-left: 40px; padding-right: 40px; } +@media only screen and (max-width: 1024px) { + .container { + padding: 0; + } +} .container .productImagesGallerySlide { width: 100% !important; } diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss index f4e86ae..85b1b20 100644 --- a/styles/sass/pages/product/vtex.flex-layout.scss +++ b/styles/sass/pages/product/vtex.flex-layout.scss @@ -12,8 +12,11 @@ @include mq (md, max) { display: block; + padding-left: 40px; + padding-right: 40px; .stretchChildrenWidth { width: 100% !important; + } } @@ -44,4 +47,17 @@ margin-left: 10px; } } +.flexRowContent--description{ + @include mq (md, max) { + display: flex; + flex-direction: column; + .stretchChildrenWidth{ + width: 100% !important; + } + } +} + + + + diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index 81a672e..2d9f3b4 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -4,6 +4,9 @@ max-width: 100%; padding-left: 40px; padding-right: 40px; + @include mq (md, max) { + padding: 0; + } .productImagesGallerySlide { width: 100% !important; @@ -270,7 +273,7 @@ gap: 16px; @include mq (md, max) { margin-bottom: 16px; - + @@ -380,6 +383,10 @@ padding-bottom: 15px; line-height: 32px; font-family: $font-open; padding-left: 32px; + // @include mq (md, max) { + // padding-left: 0; + // padding-top: 16px; + // } } .productDescriptionText { @@ -398,6 +405,9 @@ padding-bottom: 15px; } + // @include mq (md, max) { + // padding-left: 0;} + } // tab-descrição-fim diff --git a/styles/sass/pages/product/vtex.tab-layout.scss b/styles/sass/pages/product/vtex.tab-layout.scss index b217b47..a48dd7b 100644 --- a/styles/sass/pages/product/vtex.tab-layout.scss +++ b/styles/sass/pages/product/vtex.tab-layout.scss @@ -53,6 +53,7 @@ .container { .contentContainer--DescricaoCont { padding-top: 32px; + } } @@ -73,3 +74,6 @@ } } } + + +