8. Mr Parker Theme: Setting up the Header

In this article, we will go through the process of setting up the Header Section. 

Header Settings

The Mr Parker theme has many options for controlling the layout, look, and style of the header. Here is a breakdown of the options, what each will do when adjusted, and how to set it up.

Announcement Bar Text

Add a message in the top bar informing customers of Sales, Shipping deals or just a welcome message. With independent control for text size and link it to a page on your site or external link.

Header Over Content

If enabled the entire header and navigation will appear over the first section of your homepage (homepage only). This looks nice when paired with the Slideshow section first. You can adjust the color of all the links to be seen better on your content.

Enable full-width - Show the header and navigation at full-width. If you keep this unselected, it will be constrained to a maximum width of 1200px.

Add top border/bottom border -  Show a border above or below the navigation header and adjust the border color

Logo

Add a logo image and control the logo width. If you do not upload an image the logo defaults to text only and you have options to choose the logo text case and weight.

Logo Position & Alignment + Navigation Alignment

Mr Parker has many options for the placement of the logo and navigation here are some examples…

Navigation Hover Effect and Height

Mr Parker has some fun options for the hover effect on the main navigation…