Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 24, 2018 at 1:37 am #1048942
    Drebosio

    Hi all,

    I’m trying to remove an element on mobile view but can’t seem to quite get it.

    I’ve tried to use the following css to target this and apply display none for mobile but it’s still showing.

    @media only screen and (max-width: 768px) {
.back {
    display: none !important;
}}

    The element is a hover state of the image, but on mobile it shows and looks bad.

    see below for link

    December 28, 2018 at 6:29 am #1049151
    Mike

    Hey Drebosio,
    Sorry for the late reply, please try this css, I also added the pointer event so accidentally tapping the image won’t cause it to flip and show nothing.

    @media only screen and (max-width: 768px) {
.post-entry-11 .flip-container div.back {
    display: none !important;
}
.post-entry-11 .flip-container {
    pointer-events: none !important; 
}
}

    Best regards,
    Mike

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