Tagged: Alternate, googlemaps, Hide, mobile
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
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
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
Hi!
Do you mind creating a temporary admin login and posting it here privately so we can look into it?
Best regards,
Yigit
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!