[null, {"document_url": "https://support.leadformance.com/hc/en-us/articles/115007283687-Static-header-footer", "unformatted_src": "//p5.zdassets.com/hc/theme_assets/54556/115000208787/bridgev2.jpg", "src": "http://p5.zdassets.com/hc/theme_assets/54556/115000208787/bridgev2.jpg", "formatted_filename": "bridgev"}, null, {"document_url": "https://support.leadformance.com/hc/en-us/articles/115007283687-Static-header-footer", "unformatted_src": "//p5.zdassets.com/hc/theme_assets/54556/115000208787/bridgev3.jpg", "src": "http://p5.zdassets.com/hc/theme_assets/54556/115000208787/bridgev3.jpg", "formatted_filename": "bridgev"}, null, null, null, null, null, null]


Not sure which BRIDGE version you are using? Click here.

The screenshots below show the BRIDGE version you are using All right!


CSS ( cascading style sheets )

Encapsulated with .lf_hf class

The entire css needs to be pre fixed with class .lf_hf

Encapsulation will help avoiding css conflict between Bridge’s and yours Mega menu and menus


Please note, for SEO purpose, we recommend to display a simple menu structure with not too many links.

Mega menu & scripts

In order for us to integrate this lighter version of your menu, please make sure to provide it with absolute links that will redirect to the main pages of your main site. Please keep aside potential menu animations from rang 1 ( hover ) and have them compatible with our javascript jQuery 1.11.2. library.

Menus and scripts

As for the mega menu, please keep apart the menus behaviour and have them compatible with our javascript jQuery 1.11.2 library ( in case they’re called up with a jQuery library ).

Again, please note we will not implement animations if not compatible with our library.


http:// or https://

All header and footer links must be in absolute and start with your main domain name. Example : http://www.leadformance.com/bridge/

Please be careful to add only HTTPS urls for HTTPS Store Locators. Titles tags H*

Our Store Locator ADN is to allow optimized indexation based on SEO content. Bridge platform is entirely structured in this perspective. In order not to interfere with our own optimization, we require all H1 / H2 / H3 / H4 / H5 / H6 markups to be deleted ( titles , logo , links ... )

Header & footer images

BRIDGE media storage

To optimize loading and performances, we do store on our servers all images linked to your header and footer. We also store locally all images to prevent any URL, image sizing, media change etc... that may impact the front office display.

So please don't forget to give us all these media in your Header/Footer code. Please also reference them with relative links in your sources, and not absolute ones (eg. in CSS "background: url(/images/bg.png);").



We load javascript jQuery 1.11.2 and Bootstrap 3.3.4. In order to avoid conflicts, please make sure not to include any in your file.

Scripts management

In order for us to implement seamless scripts and animations please note its best to have them separated as follow :

You may want to use the following online tool in order to make them autonomous :

Specific features


We do not manage products qty display in the e commerce cart. Therefore, please make sure not to display it.

Visitor cart is specific to your main website, therefore it will not be included to your Store Locator. The only possible feature is to display a link that will lead to the dedicated page allowing the visitor to access its cart. We only manage simple html search forms GET or POST. The search form is directly submitted to the brand website main result page (the visitor will therefore be redirected to the main brand website). We will link to a redirection page for authentification on main website.