WT Jasnyds - Documentation

Header section - edit logo, top menu with phone numbers and user menu, main menu, search and cart

jasnyds header

 

  1. Login to your WordPress Admin
  2. From WordPress Admin, click on WT THEME_NAME Theme

    global click appearance menu


  3. Here, we will use Base Outline so we can show these global header and footer to all pages and also inherit them on other outlines.
    Click on Layout under Base Outline

    global theme click layout


  4. Scroll down to Header section, click config icon next to the Header Toolbar particle

    global theme config header toolbar

 

Change Logo

From the Header Toolbar popup window options, follow on-screen instructions under Logo Options and click on Apply and Save.

 

Add/Edit Top Menu with Phone Numbers and User Menu

  1. Read and follow Add top menu with user menu
  2. Read and follow How to add CSS classes to WordPress menu items and add CSS Class to:
    •  My Account menu item: wt-account-menu
    • News (any menu item right after phone numbers): wt-menu-right wt-hidden-tablet
    • All other menu items except phone numbers and my account: wt-hidden-tablet
  3. From the Header Toolbar popup window options, follow on-screen instructions under Top Menu tab and select the Top menu you just created, change other available options as necessary and click on Apply and Save.
  4. Demo menu structure:

    jasnyds demo top menu structure

  

Add/Edit Main Menu

  1. Read and follow Create dropdown and mega menu
  2. From the Header Toolbar popup window options, follow on-screen instructions under Main Menu and click on Apply and Save.

 

Search Widget

  1. Read and follow Edit search form
  2. From the Header Toolbar popup window options, follow on-screen instructions under Search and click on Apply and Save.

 

Cart Widget

  1. Read and follow Edit cart widget
  2. From the Header Toolbar popup window options, follow on-screen instructions under Cart and click on Apply and Save.