Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 14, 2019 at 3:00 pm #1100581
    michaelH

    Hi guys

    I embedded Google Maps via iFrame (not via the Google Maps ALB element), but I can’t make it working properly.
    My goal is to have it inside my column (and code block) with a height of 100%, so I applied the CSS argument to all child elements above my iFrame.

    Looks like this, but does not work (only in preview when I inspect it):

    .flex_cell_inner,
.avia_codeblock_section .avia_code_block_0,
.avia_codeblock .google-maps-neu,
.maps-iframe {
height: 100%;
}

    Any ideas?

    Thanks a lot
    Michael

    May 15, 2019 at 6:28 am #1100833
    Rikard

    Hey Michael,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    May 15, 2019 at 7:25 am #1100859
    michaelH

    Hi Rikard

    As it was urgent, I had to look around for other ways to solve it.
    It’s done like this right now and works cross-browsers:

    .av-hide-on-mobile .flex_cell_inner,
.av-hide-on-mobile .avia_codeblock_section,
.av-hide-on-mobile .google-maps-neu,
.av-hide-on-mobile .maps-iframe {
height: 100% !important;
}

    You can close this thread please.

    It would be great if you could also check my reply in this older thread. Maybe there is a general solution for that.

    Cheers
    Michael

    May 16, 2019 at 4:52 am #1101216
    Rikard

    Hi Michael,

    Great, I’m glad that you found a solution and thanks for sharing. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Google Maps 100% height’ is closed to new replies.