hi
I am using this code from your docs (https://kriesi.at/documentation/enfold/columns/#toggle-id-15-closed) to stack my 1.4 columns on the mobile to 2 side by side
but it’s only decreasing the size but they are not 2-up.
can you see what’s wrong?
/*----------------------------------------
// CSS
// Toggle Columns
//--------------------------------------*/
@media only screen and (max-width:767px) {
.col-25p {
width:49%!important;
<del datetime="2021-02-08T13:40:03+00:00">background:gold;</del>
}
.col-25p.av_one_fourth{
margin-left:1%!important;
}}
thanks
Hey Nancy,
Please try changing the code to following one
/*----------------------------------------
// CSS
// Toggle Columns
//--------------------------------------*/
@media only screen and (max-width:767px) {
.col-25p {
width:49%!important;
}
.col-25p.av_one_fourth{
margin-left:1%!important;
}}
Page cannot be found on my end. If we need logins to see the page, please post them here privately and if the link was changed, please share the current one so we can inspect the issue :)
Best regards,
Yigit
that’s the same code I was using.
Hi,
It was the same code minus HTML code in it which would break your CSS. Please change your code to following one
/*----------------------------------------
// CSS
// Toggle Columns
//--------------------------------------*/
@media only screen and (max-width:767px) {
.col-25p {
width:49%!important;
float: left !important;
}
.col-25p.av_one_fourth{
margin-left:1%!important;
}}
This one should work :)
Best regards,
Yigit
thanks I’ll try that.
Hi Munford,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko