Hi,
I was testing the shortcode for columns but the columns were not displayed like i expected. I configured 3 columns but only in the range between 768px and 992px the three columns were displayed. Above 992px 2 colums are displayed.
I used the following shortcode:
[yt_columns grid="yes" ]
[yt_columns_item col="4" offset="0" margin="10px" padding="10px" background="#eeeeee" color="#ccc" ]
CONTENT
[/yt_columns_item]
[yt_columns grid="yes" ]
[yt_columns_item col="4" offset="0" margin="10px" padding="10px" background="#eeeeee" color="#ccc" ]
CONTENT
[/yt_columns_item]
[yt_columns grid="yes" ]
[yt_columns_item col="4" offset="0" margin="10px" padding="10px" background="#eeeeee" color="#ccc" ]
CONTENT
[/yt_columns_item]
[/yt_columns]
To solve this problem I had to change the column width percentage to 30% by adding the following css code:
@media (min-width: 1200px){
.yt-show-grid .yt-col-lg-4 {
width: 30% !important;
}
}
@media (min-width: 992px){
.yt-show-grid .yt-col-md-4 {
width: 30% !important;
}
}
@media (min-width: 768px){
.yt-show-grid .yt-col-sm-4 {
width: 30% !important;
}
}
Am I missing something in the column configuration to get the colums as expected without this css change?