Centralise Map Widget in Sela

Hi there, Sela has 3 widget areas in the footer widget area. You can add widgets to each of those. If you add only one in one of the widget areas, then that widget will typically show full width, but it appears that the Google Maps embed is including a height and width in the embed code, which is causing the issue.

If you add widget to widget area 1 and 2, then they will each be 50% width. If you have widgets in 1, 2, and 3, then they will each be a third of the width.

You have two options. First if you wish to have only the map in the footer widget area, add the following to Customize > Additional CSS to force the map iframe full width.

#custom_html-5 iframe {
	width: 100%;
}

If you wish to add a text widget with your contact information, then add that widget to the 2nd footer widget area and enter your contact info there and it and the map will each occupy half of the width. (do not use in conjunction with above custom CSS as it will break things).

If you choose the second option above, then on screens 768px and narrower, the footer widget area will switch to making the widgets full width, so your contact info text widget will them display below the map.

• This reply was modified 6 years, 3 months ago by sacredpath.