Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 22, 2017 at 11:16 am #764708
    td8000

    Hi Enfold team,

    i added the following Quick CSS to my site in order to hide masonry images on desktops (as the title can be seen via mouse over):

    /*Masonry Image title hide on desktop*/

    @media only screen and (min-width: 960px) {
    .av-inner-masonry-content {
    display:none !important;
    }

    Unfortunately this somehow messes up my site completely in resolutions betwenn 768px and 960px width.
    E.g. navigation menu display, shopping cart symbol, Category text and backgound color/size. Like it’s disabling a bunch of other code i added…

    And i do need to hide those masonry titles above 960px width…
    Please help me to solve this.

    Tobi

    March 23, 2017 at 6:45 am #765174
    Rikard

    Hey Tobias,

    Looks like you didn’t close the media query, try this instead:

    @media only screen and (min-width: 960px) {
  .av-inner-masonry-content {
    display:none !important;
  }
}

    Best regards,
    Rikard

    March 24, 2017 at 10:38 am #766030
    td8000

    Ah, this was exactly the one thing i did not check ;-)
    This solves everything.

    Awesome help, thanks Rikard

    Thread can be closed

    March 25, 2017 at 7:01 am #766514
    Rikard

    Hi,

    It’s easy to miss stuff like that :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Quick CSS Code problem’ is closed to new replies.