Disable image map on mobile theme

  • Author
  • #50259


    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)



    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.

    Original poster

    Many thanks for your detailed instruction and especially for the screenshot! Works fine now!


    Glad I could help :)

  • The topic ‘Disable image map on mobile theme’ is closed to new replies.