-
AuthorPosts
-
May 14, 2015 at 10:43 am #444203
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.
May 14, 2015 at 3:53 pm #444356Hey 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,
YigitMay 14, 2015 at 4:11 pm #444361This reply has been marked as private.May 14, 2015 at 4:30 pm #444377Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#map { margin-top: -250px; }Regards,
YigitMay 14, 2015 at 4:37 pm #444387Thanks 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
May 14, 2015 at 4:44 pm #444398Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 660px) { #map h1 { font-size: 20px; }}Regards,
YigitMay 14, 2015 at 4:52 pm #444407Many 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
DaveMay 16, 2015 at 5:31 am #445231 -
AuthorPosts
- You must be logged in to reply to this topic.
