Full Width google maps

[Gisellala]

Hi! Is it possible to make a full width google map?

Thanks Gisella.

[Melanie – SUPPORT]

Yep, like here: http://dante.swiftideas.net/home/home-five-one-page-wonder/

You can refer to this documentation: http://support.swiftideas.net/knowledgebase/how-to-create-a-one-page-site-using-the-one-page-navigation//#post-36439

[Gisellala]

I was forgot to say that i did that 🙂 But it’s not possible to put some pins on that google map.

I’d like to point out some locations (and i read on this forum that’s not possible in de element ‘google maps’) So i’ve made a google maps and added the code in text-block, that works, but not full width.

Is it possible to get it full width?

thankss Gisellala

[Kyle – SUPPORT]

Hi

Please could you provide a link so that we can see if we can provide css to make it full width?

– Kyle

[Gisellala]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Try adding this custom css:

.container:nth-child(10) {
  padding: 0;
  width: 100%;
}

The only problem with this is you could not add any more content above the map, if you do, then you will need to change the number 10.

– Kyle

[Gisellala]

This reply has been marked as private.

[Kyle – SUPPORT]

The answer to both your queries is you need to add mb0 and mt0 to the extra class field to remove the spacing.

– Kyle

[Gisellala]

This reply has been marked as private.

[Kyle – SUPPORT]

You need to remove bottom spacing in the page meta options.

– Kyle

[Gisellala]

This reply has been marked as private.

[Gisellala]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Sorry you need to add the page-id before it.

Like I said that css was specific to the map being in that location, for the new location change the css to:

.page-id-27 .container:nth-child(3) {
  padding: 0;
  width: 100%;
}

You can’t move the map to a different part of the page or the css will not work.

– Kyle