Skip to content

GD_RGB_BLACK-sm

Knowledge Base
- - - ResourcesGuides, articles, tools, & troubleshooting resources
  - - DesignGeneral design guidelines articles & resources
  - - ClarificationsResources, guides & information for Clarifications
      - Clarifications
  - - ChangelogThe latest updates to Style Guide
    - Created Guide: Leapfrog Theme Setup Guide
      
      Page: Leapfrog Themes Setup Guide
      Last Modified: April 4, 2024
      
      Image optimization guide – 22310
      
      Page: Image optimization guide
      Last Modified: February 19, 2024
      
      New Guide – How to Answer New Build and Revision Clarifications
      
      Post: How to Answer New Build and Revision Clarifications
      Last Modified: December 21, 2023
      
      View More
Platform Resources
New Builds
- - - WordPressResearch, build processes, & resources for WordPress site builds
  - - Websites + MarketingResearch, build processes, & resources for Websites + Marketing site builds
Marketing Services
- - - DIFY Information & ResourcesInformation, resources & documentation for Marketing Services
  - - DIY Information & ResourcesInformation, resources & documentation for DIY Marketing Services
Search

Hamburger Menu

Header Store – logo, hamburger, search, cart, icons, cat nav [ 3 ]

Use on stores with a primary site menu containing lots of menu items or menu links with long character lengths or stores that want a secondary menu with categories in the header.

Setup Demo

Template Type: Store Header
Components: Hamburger Menu, Logo, Product Search Icon, Secondary Menu, Store Icons

Header Store – logo, hamburger, search, cart, icons [ 2 ]

Use on stores with lots of menu items or menu links with long character lengths or stores that want product search to be easily accessible in the header on every page.

Setup Demo

Template Type: Store Header
Components: Hamburger Menu, Logo, Product Search Bar, Store Icons

Header Store – logo, hamburger, cat nav, search [ 1 ]

Use on stores with a primary site menu containing lots of menu items or menu links with long character lengths or stores that want a secondary menu with categories in the header.

Setup Demo

Template Type: Store Header
Components: Hamburger Menu, Logo, Product Search Icon, Secondary Menu

Header Middle – logo, hamburger, cta, search, icons [ 6 ]

Use on sites with lots of menu items or menu links with long character lengths or sites that want a Call-to-action button in the header separate from the menu.

Setup Demo

Template Type: Site Header
Components: Call-to-Action, Hamburger Menu, Logo, Site Search, Social Icons

Header Simple – logo, hamburger, search [ 2 ]

Use on sites with lots of menu items or menu links with long character lengths or sites with lots of pages or posts that need site search functionality.

Setup Demo

Template Type: Site Header
Components: Hamburger Menu, Logo, Site Search

Header Simple – logo, hamburger, cta [ 1 ]

Use on sites with lots of menu items or menu links with long character lengths.

Setup Demo

Template Type: Site Header
Components: Call-to-Action, Hamburger Menu, Logo

Template Type
- Archive
  - Post Archive
  - Product Archive
- Contact
  - Location-based Layouts
  - Minimalist Layouts
  - No-Form Layouts
  - Regular Layouts
- Footer
- Header
  - Site Header
  - Site Top Bar
  - Store Header
  - Store Top Bar
- Hero
- Singular
  - Post Singular
  - Product Singular
Components

Design Flow by Vertical

© 2024 WDS Style Guide

Scroll To Top