Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 1, 2015 at 8:47 am #496300
    Wolf

    Hello Team,

    I am working on hiding a googlemaps part of a page on mobile.

    I was hoping to use a custom class .hide_image
    and use the css:

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

    with an .alternate_image

    @media only screen and (min-width: 768px){ .alternate_image { display: none !important} }

    but this doens’t work for some reason. The googlemaps doesn’t hide.

    I use a child theme.

    Any thoughts?

    cheers

    September 1, 2015 at 9:50 am #496335
    LandhausKienbacher

    Hi WolfvanHaeren,

    I don’t know if this is helpful but I have seen that you are use several spelling.

    In the first code line you write { display: none !important;} } with !important; ; semicolon
    And in the second code line { display: none !important} } without !important no semicolon

    Maybe it solves your problem

    Best regard

    Wilfried

    September 1, 2015 at 2:17 pm #496399
    Wolf

    Missed that thanks, but it doesn’t do anything sadly.
    Also tried:
    https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/#post-362263
    and changing the pixel width to 769 and 768

    September 1, 2015 at 5:10 pm #496560
    Yigit

    Hi!

    Do you mind creating a temporary admin login and posting it here privately so we can look into it?

    Best regards,
    Yigit

    September 4, 2015 at 10:47 am #498212
    Wolf

    Hello Yigit,
    Thanks for the offer but it seems to work now. I guess it had something to do with caches or something.
    But it works!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Hide google maps on mobile’ is closed to new replies.