An old problem

Hi I have a problem and I don’t know how to solve it.Some time ago you gave the code below the achieve a custom product layout.

@media (max-width: 2600px) and (min-width:1025px){
div.product-image-summary-inner, div.product-image-summary-wrap {
flex-wrap: wrap;}

div div.product-image-summary-inner>.col-sm-4 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
width: 100%;}

div div.product-image-summary-inner>.col-sm-8 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 90%;
width: 90%;
margin-top: 0px;
margin-bottom: 30px;
margin-left:40px;
}}

@media (max-width: 1024px) and (min-width:768px){

div.product-image-summary-inner, div.product-image-summary-wrap {
flex-wrap: wrap;}

div div.product-image-summary-inner>.col-sm-4 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
width: 100%;}

div div.product-image-summary-inner>.col-sm-8 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
width: 100%;
margin-top: 20px;
margin-bottom: 30px;}}

@media(max-width:425px){
div div.product-image-summary-inner>.col-sm-8 {
/*-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
width: 100%;*/
margin-top: 0px;
margin-bottom:20px;}}

I want the 1024 res to be the same like 1025.Below 1024 I like it the way it is.

Regards

We check your site and it looks normal. It can be seen in screenshots
1024 – https://gyazo.com/bab41a1b4458bf93524cc13da4d79ac8
1025 – https://gyazo.com/eb45c034b837d4b7c054ce8ee4869160

You got this view (https://drive.google.com/file/d/1lurtHaCFFh3Bbi5GM8xO15ivMAcpPYkO/view) because your page was not reloaded when you resized screen resolution.

Regards

You have right.Close the ticket please

[Author]

Posts