Ihr Titel
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Ihr Titel
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
css-code
@media only screen and (max-width: 980px) {
.two-columns .et_pb_column {
width: 50%!important;
}
.three-columns .et_pb_column {
width: 33.33%!important;
}
.four-columns .et_pb_column {
width: 25%!important;
}
}css-code etwas aufwendiger aber ganz toll
/*======================SPALTEN BEHALTEN=======================*/
/* 2 Columns Mobile */
@media all and (max-width: 767px) {
.two-col-mob .et_pb_column {
width: 50% !important;
}
}
/* 3 Columns Mobile */
@media all and (max-width: 767px) {
.three-col-mob .et_pb_column {
width: 33.333% !important;
}
}
/* 4 Columns Mobile */
@media all and (max-width: 767px) {
.four-col-mob .et_pb_column {
width: 25% !important;
}
}
/* 5 Columns Mobile */
@media all and (max-width: 767px) {
.five-col-mob .et_pb_column {
width: 20% !important;
}
}
/* 6 Columns Mobile */
@media all and (max-width: 767px) {
.six-col-mob .et_pb_column {
width: 16.666% !important;
}
}
/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
.one-col-tab .et_pb_column {
margin-right: 0 !important;
width: 100% !important;
}
}
/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
.two-col-tab .et_pb_column {
width: 50% !important;
}
.two-col-tab .et_pb_column:nth-last-child(-n+2) {
margin-bottom: 0;
}
}
/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
.three-col-tab .et_pb_column {
width: 33.333% !important;
}
}
/* 4 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
.four-col-tab .et_pb_column {
width: 25% !important;
}
}
/* 5 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
.five-col-tab .et_pb_column {
width: 20% !important;
}
.five-col-tab .et_pb_column:nth-last-child(-n+5) {
margin-bottom: 0;
}
}
/* 6 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
.six-col-tab .et_pb_column {
width: 16.666% !important;
}
}
/*======================SPALTEN BEHALTEN ENDE=======================*/
