Distorted / squeezed map icon

This topic contains 5 replies, has 4 voices, and was last updated by  Kiran 4 years, 12 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • March 21, 2020 at 1:28 pm #535946

    Andreas Putlitz
    Full Member
    Post count: 50

    Hi everyone,

    I have created a test place, which worked fine. Except, that the map icon is narrower than usual. As if it was “squeezed”. Why is that so, and how can I fix it?

    http://test.derdortmunderwesten.de/aktivitaten-orte/laden-dienste/
    http://test.derdortmunderwesten.de/stores_services/germany/nordrhein-westfalen/dortmund/store/optik-design-emmel/#post_map

    Best,
    Andreas

    March 21, 2020 at 1:47 pm #535947

    Guust
    Moderator
    Post count: 29970

    Not really sure why that is, I cannot get that same result on my test site.
    I’ll get one of the developers to have a closer look.
    The code is calling for a marker of 36×45, and yours is 50×50 including the transparent border.

    Thanks

    March 21, 2020 at 2:28 pm #535949

    Andreas Putlitz
    Full Member
    Post count: 50

    Hey Guust, thanks for the quick reply. I’ll stay in the line.

    I used the standard marker that came with the package. In the backend it’s displayed how it’s supposed to.

    Cheers!

    March 21, 2020 at 4:29 pm #535955

    Kor
    Moderator
    Post count: 16516

    Hi Andreas,

    Thanks for your reply. You can use the custom CSS code below to fix this. Insert into WP > Appearance > Customize > Additional CSS. 

    img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive {
    width: auto!important;
}
    March 21, 2020 at 5:03 pm #535960

    Andreas Putlitz
    Full Member
    Post count: 50

    Hi Kor, yes that worked. Thank you!

    Any idea, where the issue comes from? On other installations I didn’t have this problem.

    My perferred solution would be obviously to have it work as intended without any need for Custom CSS. 🙂

    March 23, 2020 at 4:29 am #536154

    Kiran
    Moderator
    Post count: 7069

    Hi Andreas,

    I checked and it looks like custom css from plugin/theme has affected map marker icon style. For any plugin/theme built-in css conflicts we includes fix in our plugin.

    Thanks,
    Kiran

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount