Row z-index

[philippe_bonneau]

Hi support. I have this page https://dev.cirquedelapointeseche.com/quoi-faire-a-la-pointe-seche/ where I have a row with a Google map element.

I would like to have the map to display under everything else.

I have tried css like this on the customize css without success (I am a designer)

$el {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
} 

Thanks for the help.

[philippe_bonneau]

I have achieved something with a new section with the map row and the css in the section customizattion. I am near.

I canot have the map to stay 100% browser screen height.

[jade]

Hello Philippe,

To force the google map to fill the entire height of the browser screen, please add this to the Element CSS of the Map element:

$el .x-frame-inner {
    padding-bottom: 100vh !important;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

[philippe_bonneau]

Hi Jade. This is working perfectly. Thanks! Problem solved.

[jade]

You’re most welcome, Philippe.