How to make a map appear the same as in your demo site? - Support

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
October 3, 2014 at 5:28 pm #329809

bakbek
Participant

Hi, I created this page – http://polytowncoil.staging.wpengine.com/contact/ (hosted on WPengine) – and I can’t figure out how to make the map section take the full width, the same as it does on your demo site page – http://kriesi.at/themedemo/?theme=enfold-overview

Thanks.

October 4, 2014 at 8:48 am #330132
Arvish
Inactive Moderator
Hi bakbek!

To add a fullwidth google map, simply drag a google map layout object to your advanced layout editor as shown in the screenshot below:

Best regards,
Arvish
- This reply was modified 10 years, 1 month ago by Arvish.
October 4, 2014 at 5:08 pm #330231

bakbek
Participant

Yeah, but how do I do that so it will only work on 1/2 a screen like on your demo page – http://kriesi.at/themes/enfold-business-flat/contact-2/ ?

October 6, 2014 at 1:38 am #330638

Ismael
Moderator

Hey!

Use the Grid Row element under Layout Elements panel. You should have Enfold 3.0. :)

Best regards,
Ismael

October 7, 2014 at 10:21 am #331455

bakbek
Participant

Hi, tried using it but couldn’t figure it out as it looks the same as it does without it. It doesn’t make the map stretch the entire width. Am I missing something?

Also, something just doesn’t look right on the backend on the Avia Layout Editor – http://screencast.com/t/2QU7U7snJyl

October 8, 2014 at 3:23 pm #332459

Yigit
Keymaster

Hey!

That is because you have placed Google Maps element inside a 1/2 column element. Please do not place google maps element in any column element if you would like to make it fullwidth

Regards,
Yigit

October 8, 2014 at 11:14 pm #332772

bakbek
Participant

Got it. Thanks.
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘How to make a map appear the same as in your demo site?’ is closed to new replies.