Development Blog: Drupal 7

Menu Tricks with Drupal, Bootstrap, and Special Menu Items

Here are 2 tricks I use on every Bootstrap-based Drupal website to make sure top-level menu items work correctly on all devices.

Drupal's Bootstrap theme makes developing responsive sites streamlined. But the way it handles menus can be problematic. Moreover, if you are using the Special Menu Items module, its out-of-the-box configuration will make the links nonfunctional on touchscreens.  Here are 2 quick tips I use on almost every website to make menus work across devices.

Display a Google Map in an iFrame on a Drupal Website

Getting a Google Map to display in an iframe on a Drupal site means following a very specific set of steps. Here's one solution, using the iframe module.

Embedding a Google Map via an iframe makes it very convenient for your viewers. The map displays well, and has helpful links: Directions, View in Google Maps, etc. This is tricky to do using standard Drupal input formats, but is made much easier with the iFrame module - which allows you to create an iframe field on any content type. Finding the Google Maps embed link can also be challenging (and it's the only one that will work in an iframe), so here's how to find it.