Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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):

    .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

    #1100833

    Hey Michael,

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

    Best regards,
    Rikard

    #1100859

    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 (Purchase code hidden if logged out)(Purchase code hidden if logged out) -5-2-multisite/#post-1100193″>older thread. Maybe there is a general solution for that.

    Cheers
    Michael

    #1101216

    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

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

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