Full Screen map with widget on top

[guerto]

Hi,

I am really new into any code but I am learning quickly and managed to do a few changes already with Google's help.

I use Agent Pro theme and I would like a full screen map and display the widgets on top. You can see that I nearly achieve it h

There are just 2 problems:
1. The widget doesn't display completely on top of the map
2. The footer is slightly overlapped by the map.

I achieved those changes with the following CSS:

<style>
    .responsive-iframe-container {
        position: relative;
        padding-bottom: 56.25%; //This is the aspect ratio
        padding-top: 30px;
        height: 0;
        overflow: hidden;
}
    .responsive-iframe-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; !important;
        height: 100%; !important:
}

http://www.dev.cnsayde.com/donde-estamos/

[Ginger]

I know it's been a while , but if you still need assistance with this, let us know! (The link is no longer good)

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Author]

Posts