Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 28, 2015 at 4:08 pm #494922
    Breakstuff

    Hi,

    I’m using the enfold theme and I’m very happy with it.
    But one question. I also use mapsvg Plugin for the Contact page but on mobile devices it is not possible to click and select on these map.

    My Idea is now to disable mapsvg plugin for mobile and use an alternative menu.

    But how?

    August 28, 2015 at 4:22 pm #494942
    Yigit

    Hi Sven!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
#mapsvg-6158 {
    display: none;
}}

    Best regards,
    Yigit

    August 28, 2015 at 7:54 pm #495081
    Breakstuff

    Hi Yigit,

    Works like a charm!
    But I have to disable all maps separately?
    Is it possible to hide all at once?
    Got it with:
    .mapsvg

    And last question:
    Is it possible to display another text for mobile devices only? (instead of the map)

    • This reply was modified 9 years, 2 months ago by Breakstuff. Reason: Got it
    August 31, 2015 at 7:06 am #495592
    Ismael

    Hey!

    You can add another content inside the tab, apply a unique css class or id attribute to it. Use css media queries like the example above to hide it on desktop view.

    Best regards,
    Ismael

    September 2, 2015 at 1:28 pm #497061
    Breakstuff

    Hey Ismael,

    that was easy :)

    Thanks for your great support.

    Can be closed

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Disable plugin on mobile devices’ is closed to new replies.