Resolved Map overlay

Hi, with this custom CSS it should

.aspasia-contact-details {z-index: 911; }

BTW
consider using transparency red contact box, basic CSS stuff

.aspasia-contact-details .sppb-addon-content  {

    background: rgba(179,20,26,0.8); }

take a look below

Sorry, it didn't work. The map is still over the block.

and where is my code with z-index, where you put it , hmm?

It's in the custom .css and it is not working.

Nicole, are you sure that you put custom.css in proper folder?
It's not loaded, please respect my time

---
or put my code inside Custom CSS in Template Options

Paul, I put the .css in the template custom .css area. I don't know why it isn't loading properly.

use my second tip.
--
If you gave up so easy. I need rest.

Paul, I am sorry but I pasted the code into the custom .css area on the custom html piece, didn't work. I added the second code to the custom .css area of the template and no luck. I really wouldn't be bothering you if I could get this to work correctly. I have been working on 5 hours of sleep a night for almost the last 2 weeks. I may be missing something but I can't find it.

Lack of sleep is very harmful to health, also for memory areas of the brain. I've written about this inside one of my books.

Put both codes there:

https://www.joomshaper.com/images/2017/09/15/custom_css.png

I am positive.

But you forgot to put there CSS code with z-index.
---
Sometimes it's good to:
1) Take a long sleep
2) Hire somebody to help

Otherwise, you make a lot of mistakes hurrying up.
----
After you will sleep, rest > take a look at this 2x

templates/shaper_aspasia/css/custom.css

My role in this task ended. I gave you good code.