Marker not showing in front end unless animated

  • Resolved Susan Langenes

    (@susanlangenes)


    8 years ago

    Hi there,
    As stated the marker doesn’t show up in front end UNLESS it’s animated! What gives?

    I’ve tried the jQuery override, deactivating all other plugins, etc.

    Site I’m using this on is here: https://hyasgroup.wpengine.com/#contact

    And here’s a screenshot of the back end:
    Screenshot of back end

Viewing 5 replies - 1 through 5 (of 5 total)
  • Jarryd Long

    (@jarryd-long)

    Hi there

    Would you mind adding our map to the page so that I can look into this for you?

    Thread Starter Susan Langenes

    (@susanlangenes)

    Sorry, I was asked to remove it in favor of an embedded google map, since it didn’t have the marker.

    Here’s another page which does have an instance of the same map from your plugin: https://hyasgroup.wpengine.com/maptest/

    Plugin Author NickDuncan

    (@nickduncan)

    Hi Susan
    Thank you for getting back to us.

    There is a conflicting style in your theme’s /themes/hyas/sass/variables-site/_colors.scss file

    *, *:before, *:after {
    box-sizing: inherit;
    max-width: 100%;
}

    Removing the max-width element fixes the issue. This style actually conflicts with most outputted elements within the Google Map

    Thread Starter Susan Langenes

    (@susanlangenes)

    Nick, I cannot thank you enough! That totally fixed it. I was able to remove that style rule without adversely affecting anything else. Probably could have made an override more specific to the map, but I don’t think it necessary. I hope this thread will be useful to someone else and I sincerely appreciate your assistance.

    Jarryd Long

    (@jarryd-long)

    Hi @susanlangenes

    So glad to hear this helped! Just shout if there’s anything else we can assist you with ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Marker not showing in front end unless animated’ is closed to new replies.