-
Posts
-
How can I insert a full width map with in CORNERSTONE
I have Blang – no container | Header,Footer
And would also just say insanely good work with the new update X 4.0 Thumbs up for this.
Sincerely:
LudvigBlank – no container | Header,Footer
Hi there,
First, add a new section. You should see a single column available filling the entire section. Next, click that column to inspect it. From there, you can use the breadcrumbs in the inspector to inspect its Row. From the row, you can disable the “Column Container” which will allow you to fill the screen.
is there a way to make the map height specific, and having it full width ?
Hello There,
Yes. You can follow above suggestion to set it fullwidth. Then please use google map shortcode to be able to add height to your map. Check : http://theme.co/x/demo/integrity/1/shortcodes/map/ and look for the height property.
Hope this helps.
I added this code:
#post-57 #x-google-map-1 {
padding: 0 !important;}#post-57 #x-section-2 >
.x-container.max.width {
width: 100%;
max-width: 100%;
}
to make my map full-width, but it’s not working.This reply has been marked as private.I accidentally posted this on two threads. See the other thread:
https://community.theme.co//forums/topic/cornerstone-google-map-as-section-background-or-fullwidth/Hey @robnjesschapman,
You must change first your page template. Please use Blank – No Container | header, footer page template. In your current layout it is not fullwidth because you are using a fullwidth page template and that page template has a container which only up to a maximum width of 980px which you have set in the customizer, Appearance > Customize > Layout & Design > Site Max Width.
Please let us know how it goes.
This is the greatest thread ever. That’s all.
You are most welcome. 🙂
