We set about building the bar below the gallery header. This bar has quite a job. It tells people where they are and what they are viewing (breadcrumbs, in a simple way). It also will contain pagination, a button, and all the while needs to be responsive.
This is start of what we refer to as “black bar” navigation which really becomes a thing for the rest of the sites design.
We write the markup for the bar, including using our icon font when needed for the down arrow in the dropdown menu. It’s easy to quickly reference the character chart in Font Explorer X to get what value the HTML icon can be.
We use the
By the end we have a working dropdown menu for the Gallery, which is nice. It’s really the workhorse of Gallery navigation.