Skip to content

Knowledge Base
- - - ResourcesGuides, articles, tools, & troubleshooting resources
  - - DesignGeneral design guidelines articles & resources
  - - ClarificationsResources, guides & information for Clarifications
      - Clarifications
  - - ChangelogThe latest updates to Style Guide
    - SEO Best Practices – revised
      
      Page: SEO Best Practices
      Last Modified: December 30, 2024
      
      Updated Fields related to Personally Identifiable Information are present
      
      Page: Contact Forms
      Last Modified: April 23, 2024
      
      Created Guide: Leapfrog Theme Setup Guide
      
      Page: Leapfrog Themes Setup Guide
      Last Modified: April 4, 2024
      
      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

Site Header

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, menu with cta css [ 5 ]

Use on sites with very few menu items e.g. 4-5 pages max. or sites that want the last item of their header menu to be styled like a Call-to-action button.

Setup Demo

Template Type: Site Header
Components: Logo, Menu CSS Class

Header Simple – logo, menu, search [ 4 ]

Use on sites with very few menu items e.g. 4-5 pages max. or sites with lots of pages or posts that need site search functionality.

Setup Demo

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

Header Simple – logo, menu, cta [ 3 ]

Use on sites with very few menu items e.g. 4-5 pages max. or sites that want a Call-to-action button in the header on every page separate from the menu.

Setup Demo

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

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

© 2025 WDS Style Guide

Scroll To Top