Support » Plugin: Interactive Geo Maps » problem with mobile version

  • Resolved giuliapep

    (@giuliapep)


    hello,
    I have a problem with the mobile version.
    The map looks good, but as soon as I click on the regions the box with the information is too big and it doesn’t look good.

    https://prnt.sc/12f038b

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Carlos Moreira

    (@carlosmoreirapt)

    Hi @giuliapep

    You can add some line breaks to make the tooltip smaller in width and use a smaller image. But essentially I think the tooltips would benefit if they had a smaller font size. You can add this to the custom css of your site:

    .map_wrapper .imapsLabel {
        font-size:0.8em;
        line-height:1em;	
    }

    You can other custom css hacks:
    https://interactivegeomaps.com/docs/tooltip-styling-with-custom-css/

    Thread Starter giuliapep

    (@giuliapep)

    Hello,
    thank you. I have solved it with your help. That you know there is a compatibility problem between your plugin and the elementor “toggle”? I have a problem that is solved when I deactivate your plugin, under the map I insert a toggle, and when I open it the page goes up, directly to the map instead of staying on the text. Can you help me?

    Plugin Author Carlos Moreira

    (@carlosmoreirapt)

    Hi
    I visited http://biodegrapack.agecon.unina.it/partner/ and it doesn’t seem to be happening, seems to be working correctly. Did you manage to solve the problem or are you still experiencing this issue on a particular browser? I tested in Chrome, Safari and Firefox on MacOS.
    Greetings, Carlos

    Thread Starter giuliapep

    (@giuliapep)

    hi,
    thank you for helping me.
    I solved the problem by myself. I have another question if I wanted to insert some space between the image and the text, which are too close. What code should I enter?

    Plugin Author Carlos Moreira

    (@carlosmoreirapt)

    You can wrap your image in a <p></p> tags or add multiple line breaks with the code <br>

    Alternatively you can use css:

    .map_wrapper .imapsLabel img {
    margin-bottom:20px !important;
    }

    Greetings, Carlos

    Thread Starter giuliapep

    (@giuliapep)

    hello @carlosmoreirapt

    I am making another website using your plugin, and even though I have inserted the codes you gave me, the problem is not solved. Can you tell me what happens?

    https://drastic.agecon.unina.it/partners/

    Plugin Author Carlos Moreira

    (@carlosmoreirapt)

    Hi @giuliapep
    Please open a new support ticket, since this one is ‘closed’ and I’ll follow up as soon as possible.
    Greetings, Carlos

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.