diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index 93cb5a6..ad5e4a5 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -60,6 +60,11 @@ text-align: left; } } +@media (max-width: 377px) { + .flexColChild--info-availability .flexRow--divNomeProduct { + width: 250px !important; + } +} .flexColChild--info-availability :global(.vtex-product-identifier-0-x-product-identifier) { display: flex; justify-content: flex-end; @@ -113,6 +118,11 @@ text-align: left; } } +@media (max-width: 377px) { + .flexCol--divInfoProduct .flexRow--divNomeProduct { + width: 250px !important; + } +} .flexCol--divInfoProduct .flexRow--divNomeProductModelo { text-align: end; } diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss index eb0bd8f..d749716 100644 --- a/styles/sass/pages/product/vtex.flex-layout.scss +++ b/styles/sass/pages/product/vtex.flex-layout.scss @@ -42,6 +42,9 @@ @media (max-width: 1024px) { text-align: left; } + @media (max-width: 377px) { + width: 250px !important; + } } :global(.vtex-product-identifier-0-x-product-identifier) { display: flex; @@ -93,6 +96,9 @@ @media (max-width: 1024px) { text-align: left; } + @media (max-width: 377px) { + width: 250px !important; + } } .flexRow--divNomeProductModelo { text-align: end;