Hi there,
I needed to use six columns in some pages and found this code on the forum, which works perfectly on desktop screens, but it’s not responsive for mobile, etc.
#six-columns .column-top-margin { margin-top: 0px !important; }
#six-columns div .av_one_fifth { width: 15%!important; margin-left: 2%; }
#six-columns .first { margin-left: 0!important; clear: none; }
#six-columns .el_after_av_one_fifth { margin-left: 2%!important;
}
How can fix this?
Thanks!!
Hey worldfuturecouncil,
Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.
Thanks,
Rikard
There it goes, thanks!
Hey!
Replace the code with this:
@media only screen and (min-width: 768px) {
#six-columns .column-top-margin { margin-top: 0px !important; }
#six-columns div .av_one_fifth { width: 15%!important; margin-left: 2%; }
#six-columns .first { margin-left: 0!important; clear: none; }
#six-columns .el_after_av_one_fifth { margin-left: 2%!important; }
}
Remove browser cache then reload the page.
Cheers!
Ismael