CivicTheme
Search
K
Comment on page

Header

This article outlines how to update the header of your site.

Summary

The header section appears at the top of your website. It comprises:
  1. 1.
    The site slogan
  2. 2.
    The primary and secondary logos (this example illustrates a primary logo only)
  3. 3.
    The secondary menu
  4. 4.
    The primary menu
Some of the settings for the header are configured in the 'Settings' section of your CivicTheme site such as Theme and Logo settings, others are configured in the 'Structure' section.
Fig. 1 - 'Light' theme header
Fig. 2 - 'Dark' theme header

Site slogan

The Site slogan is optional. This is configured in the Settings area. See Site slogan for instructions.

Update the primary and secondary logos

There are a couple of steps to configure the logo/s:
  1. 1.
    Add your logos to the site.
  2. 2.
    Configure the logos in the header settings (select the 'Light' or 'Dark' theme, and choose how the logo displays in the header on desktop and mobile).

Update the menus

Secondary menu

  1. 1.
    Go to /admin/structure/menu/manage/civictheme-secondary-navigation or Structure > Menus
  2. 2.
    Select 'Edit menu' for the Secondary navigation
  3. 3.
    Select 'Add link' to add a new link or click on “Edit” next to an existing link to update it.
    Image of Secondary menu settings in Drupal back end
    Edit the Secondary menu
  4. 4.
    Whether you clicked on “Add link” or “Edit”, you will be presented with the edit screen. Fill in the various fields and then click on “Save”.

Primary menu

Updating the Primary menu is similar to updating the secondary menu as in the previous section.
Follow the instructions above, but select 'Edit menu' for the Primary menu instead.
Image of Menus page in Drupal back end
Menus
Last modified 4mo ago