Skip to main content

Header

Addicted2Web Team
Updated

One of the first things you might want to do after you have installed and activated your theme is to set up the header area. The header contains the logo, menus...etc.

 header.jpg

Logo:

  1. From the Appearance menu on the left-hand side of the Dashboard, select the Customize option to bring up the Customizer, then click on the Site Identity section.
  2. Click Add Logo to open the Media Manager.
  3. Upload a new image, or select one that’s already in your Media Library.
  4. Click Set as logo, and you’ll see your logo appear in the preview window.
  5. Click the Publish button at the top right of the Customizer to activate the logo on your site.

For more instructions on how to change your logo size follow this link 

Primary Menu:

The primary menu should be set automatically, otherwise:

  1. Login to the WordPress Dashboard.
  2. From the Appearance menu on the left-hand side of the Dashboard, select the Menus option to bring up the Menu Editor.
  3. Create a new menu and add your menu items as presented with the WordPress Codex: https://codex.wordpress.org/WordPress_Menu_User_Guide
  4. After you are done creating your menu scroll to the bottom of the menu editor window.
  5. In the section titled Display location, click the check box for Primary Menu.
  6. Click "Save" menu once you’ve made your selection.

Add button to primary menu:

Add the CSS class "btn-nav" to your link, and save the menu:

To add CSS classes to a WordPress menu, first go to Appearance → Menus in your WordPress theme.

Next, find the Screen Options tab at the top right of the screen. Click to open the panel, and check the box labelled CSS Classes.

Select the menu you want to edit, and click the link you want to add a CSS class to. You should see a field that wasn’t visible before called CSS Classes (optional).

Top menu:

  1. Login to the WordPress Dashboard.
  2. From the Appearance menu on the left-hand side of the Dashboard, select the Menus option to bring up the Menu Editor.
  3. Create a new menu and add your menu items as presented with the WordPress Codex: https://codex.wordpress.org/WordPress_Menu_User_Guide
  4. After you are done creating your menu scroll to the bottom of the menu editor window.
  5. In the section titled Display location, click the check box for Top Bar Menu.
  6. Click "Save" menu once you’ve made your selection.

Related articles