Disable image map on mobile theme
- The topic ‘Disable image map on mobile theme’ is closed to new replies.
Need help? Check out our Support site, then
Hi,
the Standard-theme is really cool and I’m very glad about the purchase. Now I need some help to disable the image map on this site http://www.katja-leikert.com/wahlkreis but only for mobile devices.
I’m not quite familiar with CSS, but I tried many things. I recently found out, to start with “.mobile-theme”. After that I copied the section about the image and map to the CSS-Editor und tried with some “display:none” and media=”screen…”. Nothing worked for me. Wrong way?
Any advice how to proceed? Thanks in Advance
The blog I need help with is: (visible only to logged in users)
Hi!
Paste this code in custom css:
@media only screen and (max-width: 768px) {
.wahlkreis-map {
display: none;
}
}
Then, add the “wahlkreis-map” class to the paragraph tag, that contains the map: http://cld.wthms.co/OKVS
Hope that helps.
Many thanks for your detailed instruction and especially for the screenshot! Works fine now!
Glad I could help :)