Ops_JDC
(Ops JDC)
June 19, 2019, 10:11pm
1
Hey
I’m trying to place a text/heading element over a responsive map but cannot figure out how to do this.
Here’s a screenshot of what I’m trying to achieve. https://snag.gy/ZezKcx.jpg
Does anyone know how to do this or have any tips?
Here is my site Read-Only: https://preview.webflow.com/preview/jdc-05d8fd?utm_source=jdc-05d8fd&preview=f9f881f27163ee93f51fb9c7ceda2bbc&mode=preview
(how to share your site Read-Only link )
avivtech
(Aviv Shwartz)
June 20, 2019, 9:36am
2
Hi @Ops_JDC , welcome to the forum
The map element is a bit tricky, since it has some properties that can not be overridden.
What you can do, is place the map widget inside a wrapping div, and give that div an absolute positioning, width and height. Now you can place a text element on top of the map wrapper.
https://www.loom.com/share/5dafbd02b6414ead8d70c56919d46971
Ops_JDC
(Ops JDC)
June 21, 2019, 5:49pm
3
THANK YOU That worked perfectly
1 Like
Ops_JDC
(Ops JDC)
June 21, 2019, 6:19pm
4
I have another small change I’m trying to make that I can’t quite figure out, if you’d like to take a stab at that too?
I’m trying to put a divider line between the two columns in the screenshot above.
https://preview.webflow.com/preview/jdc-05d8fd?utm_source=jdc-05d8fd&preview=f9f881f27163ee93f51fb9c7ceda2bbc&mode=preview
avivtech
(Aviv Shwartz)
June 21, 2019, 10:01pm
5
Give one of these columns a class name and a property of left border