div tag area to appear over (z-index) Google maps section

zanetdesign · June 2018

Because Google maps isnt able to act as a "background image"

Is there a way of having a small layer with text html appearing just under the menu header area, but over the google map?

see exmple below

ive tried adding some custom css

by giving the section area that Google maps sits in with a custom id of "maplog"

Then css

#maplog

{background-color:red;

background-image: url(../wp-content/uploads/2018/06/slicer.png);

position:relative;

height: 150px;

top: 0;

width: 100%;

left: 0;

background-repeat: repeat-x;

z-index: 99;

}

Pablo · June 2018

Hi,

This is not possible, because this is generated iframe from google which cannot be edited.

Thanks.

zanetdesign · June 2018

Is there no way a div area can appear above the iframe?

Maybe by using positioning on a layer and negtive padding?

Pablo · June 2018

If your map is in section in Muffin Builder,

you can create next section above or under this section with map.

In this second section create a wrap, put column inside it and type whatever you want.

Margin can destroy a layout a little, but try it.

Thanks.

Comments