Skip to main content

Header

15 templates in this category. Each page has the screenshots, the structure, what to change and the CSS variables.

  • Header · Bottom navigation — A floating bar at the bottom of the screen with links (icon and text) and a search: the magnifier opens a search box above the bar that searches the whole site, with a live results panel as you type.
  • Header · Center logo — The menu splits in two around the logo.
  • Header · Classic — Logo on the left, the menu and a call to action on the right.
  • Header · Column menu — Logo, contact and a button on top; below, a strip of equal cells.
  • Header · Full screen menu — Logo, a support number, two buttons and a menu button.
  • Header · Mega menu — Logo, a centered menu with four mega menus (cards with an icon and an offer card; columns of links, a photo and a text; cards to learn and a community row; links, contact details and posts) and a plain dropdown, then a log-in and a buy button.
  • Header · Mega menu featured — Logo and a menu with two mega menus: three columns of links with a featured case study at the side, and a row of recent projects with a strip at the foot.
  • Header · Mega menu tabs — Logo and a menu whose «Platform» mega menu has the categories on the left and their content on the right (cards with an icon and a strip with a button); a dropdown with short descriptions and two links.
  • Header · Offer bar — A dark strip with an offer, a code that copies on click, a countdown and a button, over the header bar.
  • Header · Photo menu — Logo, social links, a phone number and a call to action; the menu comes down over the whole screen in the brand color, with a tinted photo on the left half (not on phones) and your WordPress menu, its links coming in one after another.
  • Header · Shop — A shop header in two rows: the logo, a live product search (matching products appear under the field as you type, with photo, name and price), the support phone, the account link and the mini cart; under it, a band with «Categories» (every product category with its subcategories in a large dropdown) and the menu.
  • Header · Side menu — Logo, social links, a call to action and a menu button.
  • Header · Sidebar — A sidebar fixed on the left: logo, links with icons (one with a count badge), submenus that open smoothly in place, and help and social links at its foot.
  • Header · Top bar — A thin top bar with e-mail, phone and social links over the main bar: logo, menu and a call to action.
  • Header · Two rows — Two rows: phone, a centered logo and a call to action on top; the menu and social links in a soft band below.