Overriding !important

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • tdrsam
    New Member
    • May 2015
    • 97

    Overriding !important

    I have an image slider that I've taken off my page for the mobile version of the site. But now I can't get it to display on larger devices.

    I'm using media queries and the code is this:

    Code:
    @media query (mobile)
    .col1{ display:none !important; }
    @media query (tablet)
    .col1{ display:block !important; }
    I know that's not how media queries are coded, they're just there for reference. I also know that using !important is not recommended, but I couldn't find another way to get rid of my slider, which is a slick slider, just fyi.

    Is there another way to remove the slider, which would be the best option? If that won't work, can I override the !important?
Working...