Hello,
I have just started using enfold, it really is excellent! I have searched the forums to see if there is an answer to this already, but I cannot find one.
I would like to be able to place text on top of a full width google map element, can you let me know how I might go about this?
In essence setting the map as a colour section on top of which I could place different elements like text and buttons, but keeping the interactivity of the map present.
I hope you can help.
Hey daverogers!
Can you please create a testing page, place a fullwidth Google Maps element on top and a color section right below it with an unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then post the link to your page here?
Best regards,
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#map {
margin-top: -250px;
}
Regards,
Yigit
Thanks Yigit,
That worked perfectly for viewing on a laptop/desktop.
Is there any way of making those items show up above/below the map on mobile devices?
Thanks
Dave
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 660px) {
#map h1 {
font-size: 20px;
}}
Regards,
Yigit
Many thanks Yigit,
This is fantastic! Hopefully one last question to do with the map behind text…
Is it possible to make the map have a parallax/fixed position movement behind the text?
I really appreciate your help.
Thank you
Dave