Showcase Pro: Header Setup

Site Title

To edit your Site Title, go to Appearance > Customize > Site Identity.

Type in your site title, tagline (only displays in a browser tab, not on the site itself), and then upload your favicon under the site icon area. Suggested size for your favicon is 512 x 512px.

Logo

To add your own logo, go to Appearance > Header. In order for your logo to line up correctly, I recommend uploading an image size of 400 x 150px.

Navigation Menus

Showcase Pro supports one menu area, the Header Menu. To create a menu, do the following:

  • Navigate to Appearance > Menus
  • Click create new menu
  • Select the pages you would like to add (If you don’t have any pages yet, you’ll need to add them under Pages > Add New)
  • Click Add To Menu
  • At the bottom of the menu, where it says “Menu Settings”, check the box for the “Header Menu”
  • Click Save Menu

With the Showcase Pro theme, you have a few options for additional styling of the menu items. To add that styling, you will need to add CSS class names in the menu edit screen. To enable the CSS classes look to the top right of the page you will see a box that is labeled “Screen Options”. Click "Screen Options" and make sure that “CSS Classes” is checked. Then, on the items that you want to style, you can add your CSS classes. Showcase Pro comes loaded with two options, "left" and "highlight". Adding "left" will put that menu item on the left hand side of the menu next to the logo. Adding "highlight" will add a border around the menu item like a button. Here is an example: