Premium Theme Support › WooThemes › Standard

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: (visible only to logged in users)

    #50455
    danieldudzic
    Staff

    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
    Original poster

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

    #50539
    danieldudzic
    Staff

    Glad I could help :)

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