This website was another custom build for regular client EVOLVE® Marketing, and as usual I implemented a mobile-first, responsive, Genesis child theme.
The header needed special treatment to look good at all screen sizes, due to the large number of different elements. For smaller screens I successively made the menu tab width decrease, the “Book Now” flagpole disappear, and eventually combined the menus above and below the orange strip into a single off-canvas menu with the help of the jpanelmenu plugin for jQuery. To allow the client to still manage the two menus as normal in the WordPress backend I wrote a custom function which handles the work of combining them for the off-canvas menu.
There are a number of places in the site design where the client needs to be easily able to change images. For this I used the Simple Image Widget plugin from Cedaro, which has been my solution of choice for some time now. I’ve even started using it as a general “call to action” widget even when an image is not required, as it has a nice interface for adding links, and the appearance can be customised by a template.
For the Gallery page I used WordPress’s default gallery functionality, with the addition of the Responsive Lightbox plugin, to keep the lightbox effect working well on smaller screens. A gallery widget for the sidebar was also needed. Although a gallery shortcode could have been pasted into a text widget, I went for an easier interface for the client and installed the Rocket Galleries plugin.