@Media screen not doing anything

  • Resolved jazzu

    (@jazzu)


    4 years, 8 months ago

    Hello!

    I’m trying to disable the text of “Add to cart” (Dodaj na seznam želja) on mobile devices, because it doesn’t fit on screen. I added this code to style.css, but it doesn’t do anything, so I’m wondering what’s up.

    .tinv-wraper.tinv-wishlist {
    margin-top: -7px;
}

@media screen and (max-width : 360px) {
  .tinv-wraper.tinv-wishlist {
    font: 50px;
  }
}

@media screen and (min-width : 361px) {
  .tinv-wraper.tinv-wishlist {
    font: 15px;
  }
}

    Thank you for your help!

    • This topic was modified 4 years, 8 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter jazzu

    (@jazzu)

    4 years, 8 months ago

    Hello again,

    I managed to fix it, and the only problem was that I wrote font: instead of font-size:.

    New code that’s working now is below.

    @media screen and (max-width : 480px) {
  .tinv-wraper.tinv-wishlist {
    font-size: 0;
    margin-top: 7px;
  }
}

@media screen and (min-width : 481px) {
  .tinv-wraper.tinv-wishlist {
    font-size: 15px;
    margin-top: -7px;
  }
}

    Hope this helps if anyone else has this question.

    • This reply was modified 4 years, 8 months ago by jazzu.
Viewing 1 replies (of 1 total)

The topic ‘@Media screen not doing anything’ is closed to new replies.