Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 12, 2016 at 5:13 pm #582344
    mdmllc

    Hi there! I have a quick question. We have two columns that we would like to hide on mobile but are having issues getting the correct CSS. Here is the image to show what we are trying to hide on mobile: https://gyazo.com/b1b74be12612439065139a0a974f471f

    Can you please give guidance on how to hide those for mobile only? The white columns, that is.

    Thanks, so much!

    • This topic was modified 8 years, 10 months ago by mdmllc.
    February 15, 2016 at 5:27 am #583074
    Rikard

    Hi mdmllc,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
.page-id-710 .avia-builder-el-10, .page-id-710 .avia-builder-el-11 {
display:none !important;
}
}

    Regards,
    Rikard

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