What's New
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.
HI,
I configured the tree column pages to have the following size for Extra Large screen inside of theme module:
left = 2.4
right = 2
The Center column is shown with the smaller width and as a result the right column was shifted right.
After troubleshooting I found that your theme.css is missing the style for “col-xxl-7-6”.
I added the following custom CSS and it helped:
@media (min-width: 1440px) {
.col-xxl-7-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 63.33333%;
flex: 0 0 63.33333%;
max-width: 63.33333%;
}
}
Could investigate and add this missing style into your next update?
I am using transformer theme v4.3.0
Thanks,
Sergiy
HI Jonny,
I understand that bootstrap uses 12 columns and all non-standard combinations can’t be generated.
My opinion: if you added configurable options for non standard combinations: 1,2; 1.5; 2.4 then you could at least manually calculate all possible scenarios and add them at least into the “/modules/stthemeeditor/views/css/customer-s1.css” file.
Regards,
Sergiy
here is my final custom CSS:
@media (min-width: 1200px) {
/* missing style "col-xl-7-6" for central column (category and brand pages)*/
.col-xl-7-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 63.33333%;
flex: 0 0 63.33333%;
max-width: 63.33333%;
}
}
@media (min-width: 1440px) {
/* missing style "col-xxl-7-6" for central column (category and brand pages)*/
.col-xxl-7-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 63.33333%;
flex: 0 0 63.33333%;
max-width: 63.33333%;
}
/* missing style "col-xxl-8-5" for central column (category and brand pages)*/
.col-xxl-8-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 70.83333%;
flex: 0 0 70.83333%;
max-width: 70.83333%;
}
}
You must be logged in to reply to this topic.