Disable image map on mobile theme

  • Author
    Posts
  • #50259

    katjaleikert
    Member

    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 katja-leikert.com.

    #50455

    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.

    #50538

    katjaleikert
    Member

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

    #50539

    Glad I could help :)

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