Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1100581

    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):

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

    Any ideas?

    Thanks a lot


    Hey Michael,

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

    Best regards,


    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.



    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,

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Google Maps 100% height’ is closed to new replies.