Header & Logo

There are a wide array of header layouts that are possible for you to use within Cardinal. You can choose these options in Theme Options > Header Options, see screenshot on the right.

Once you’ve chosen the header layout you desire, you can also set various different aspects, to configure it even further. Below you can see 4 screenshots showing the different header options. Please check these options out, as if you’re looking to change the way the header is displayed, or it’s contents, then it will be found here!

You can change the theme’s logo by accessing the Theme Options and uploading your logo with the uploader under the “Header Options” section.

You’ll want to upload an image to use for the retina logo too, to make your logo high quality on retina displays. The retina logo should be double the size in pixels, of your standard logo. If you do provide a retina logo, then please provide the logo width in the field below. This allows the theme to set the size, and enable the retina functionality to work perfectly.

The max height for the logo area is 42px as standard, but you can override this in the Theme Options panel. If you upload an image with a bigger height than this, it will automatically be scaled to fit. The logo area has a maximum size, as to keep the menu items correctly placed. If you upload an image with a smaller height than this, you may need to add top spacing to get it vertically centered.

Cardinal allows you to control how your mobile header looks, independent from the main header options. You can set at what responsive size the mobile menu shows, the display configuration, and what is displayed. You can see a preview of the options to the right.

The colours for the mobile header can be set in the colour customizer.