Topic Resolution: Resolved
  • Closed
  • Jeff Hoffman
    Spectator
    May 9, 2016 at 2:32 am #27439

    On the contact page for desktop there is no map displayed but on mobile screen a map is displayed. I want no map on mobile version.

    Denzel Chia
    Moderator
    Posts: 2656
    May 9, 2016 at 9:20 am #27453

    Hi,

    Are you using a cache plugin?

    If yes, clear your cache content.
    You will also need to clear your browser history on mobile and desktop.
    So that you can see the same thing on both devices.

    Thank you.

    Jeff Hoffman
    Spectator
    Posts: 47
    May 9, 2016 at 3:52 pm #27472

    Yes, I am using a cache plugin. I have cleared it and the browser cache.
    Same results.
    I can also just slowly minimize the desktop screen and watch the map appear when it gets smaller.

    Roman
    Spectator
    Posts: 3147
    May 9, 2016 at 7:38 pm #27477

    provide the website URL please

    Jeff Hoffman
    Spectator
    Posts: 47
    May 9, 2016 at 8:38 pm #27490
    This reply has been marked as private.
    Roman
    Spectator
    Posts: 3147
    May 9, 2016 at 8:56 pm #27495

    probably you’ve tried to define a Custom CSS, which is wrong, correct code is:

    @media only screen and (min-width: 640px)
    .page-template-contact-php #gmap {
    height: 270px !important;
    }

    😉

    Jeff Hoffman
    Spectator
    Posts: 47
    May 9, 2016 at 10:23 pm #27507

    Thanks but how do I remove the map. I do not want the map displayed on mobile or anywhere. Now it is only on mobile.

    Denzel Chia
    Moderator
    Posts: 2656
    May 10, 2016 at 2:03 am #27515

    Hi,

    Please use the following in Theme Options -> Custom CSS

    .page-template-contact-php #gmap {
    display: none !important;
    }

    Thank you

    Jeff Hoffman
    Spectator
    Posts: 47
    May 10, 2016 at 2:51 pm #27526

    Works great, thanks.

    Roman
    Spectator
    Posts: 3147
    May 10, 2016 at 6:49 pm #27534

    also leaving this field empty Theme Options -> Contact -> Google Map Address will disable the map or uncheck Theme Options -> Advanced -> Enable Google Map Scripts 😉

    Jeff Hoffman
    Spectator
    Posts: 47
    May 11, 2016 at 5:05 pm #27565

    Thanks, good stuff.