Opens in a new tab

Contact · Map

A contact section for Bricks Builder with a full width OpenStreetMap map (no API key) and a contact card floating over it with address, hours, phone and two buttons. The map ships in a removable muted gray style and never traps the page scroll.

Dark mode ready

Copying for Fancy Framework · Desktop first

Needs a framework. Get Fancy Framework (free)

In the annual plan, $99/year. See plans

Preview

Template details

What’s inside

The components it’s built from. They come with the template when you paste it, and you edit them from the Bricks panel.

  • FBK Button

    A link styled as a button, with style, size and width.

  • FBK Card

    A media slot, title, text, a content slot and an actions slot.

  • FBK Icon item

    Icon, title and text, stacked, inline or boxed.

Adjust it

Change these variables in Bricks to tune it; everything else follows your framework.

On the element Map stage, class fbk-cmap

Height of the map area (desktop) and of the map on phones

--fbk-t-height
40em
--fbk-t-height-phone
22em

Width of the contact card

--fbk-t-card
28em