Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 26, 2016 at 2:14 pm #589800
    worldfuturecouncil

    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!!

    February 28, 2016 at 6:25 am #590347
    Rikard

    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

    February 28, 2016 at 1:09 pm #590393
    worldfuturecouncil

    There it goes, thanks!

    March 2, 2016 at 8:22 am #591946
    Ismael

    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.