Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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.

    #444356

    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

    #444361
    This reply has been marked as private.
    #444377

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #map {
      margin-top: -250px;
    }

    Regards,
    Yigit

    #444387

    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

    #444398

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 660px) {
    #map h1 {
      font-size: 20px;
    }}

    Regards,
    Yigit

    #444407

    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

    #445231

    Hey!

    Glad it’s working. Unfortunately, that is not possible since the map is not treated as a background.

    Regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.