1. Home
  2. Knowledge Base
  3. Ascend Theme
  4. Theme Options
  5. Header Styles for Ascend

Header Styles Using Side Header

Navigate to Theme Options > Layout Settings and select a left or right header style.

*Note the secondary menu will stay on top regardless of header layout. If you do not want a secondary menu you can disable from Appearance > Menus.

Header Layout Styles

Click the Header Settings tab in your theme options and choose your header settings.

Header Settings

Choose your Header Extras settings. Enable which extras, if any, you would like to display in your header. You can drag and drop extras to display in the order you would like.

If enabling the mini cart extra then choose whether or not you want text to show with the icon, or just the icon.

Header Extras

Navigate to Theme Options > Logo Settings. Upload a logo and choose whether or not you also want to show a title and/or site tagline. *Note the title and tagline pull from Settings > General.

Logo Settings

If using the secondary menu, navigate to Theme Options >  Transparent Header Options.

Transparent Header Options

Choose whether or not to enable the Transparent Header until scrolled by default (if using the side header, this will only effect the secondary menu).  This is the only transparent until scrolled effect available when using the side header.

Transparent Header Until Scrolled

Header Styles Using Above Header

Navigate to Theme Options > Layout Settings and select the “above” header style.

Header Layout Settings

Click the Header Settings tab in your theme options and choose your header style.

Choose Header Style

 Set a header height and choose which parts of the header, if any, you would like to make sticky.

Choose whether or not you want to enable the shrink header with sticky. If using this feature, set a height for your header when shrunk.

Sticky and Shrink Header

Choose your Header Extras settings. Enable which extras, if any, you would like to display in your header. You can drag and drop extras to display in the order you would like. If enabling the mini cart extra then choose whether or not you want text to show with the icon, or just the icon.

Header Extras

 Navigate to Theme Options > Logo Settings. Upload a logo and choose whether or not you also want to show a title and/or site tagline. *Note the title and tagline pull from Settings > General.

Navigate to Theme Options > Transparent Header Options. Choose whether or not you would like to have a transparent header until scrolled, then set optional settings for when the header is transparent.

Non-Transparen Shrink Header

Homepage Header

The homepage header essentially allows you to bypass your default header options and create a custom header for only the homepage.

Navigate to Theme Options > Home Page Header Content.

Select your homepage header settings and whether or not you want to use the transparent header.

Home Page Header

If using Page Title, you can set multiple title typed text. See example:

Header Typed Text

Choose your font settings and upload an image for your header background (depending on header setting).

Choose whether or not to make your header image parallax.

Mobile Header

Navigate to Theme Options > Mobile Header.

Choose your mobile header layout and height. Choose whether or not you want the mobile header to be sticky.

Mobile Header Settings

Choose whether or not you want to use the custom mobile logo options, and if so set your options.

Mobile Logo Options

Set your mobile menu options. You can enable a mobile menu by setting a menu to mobile navigation from Appearance > Menus.

Choose whether or not to enable mobile header extras and choose which side of the device you would like them to display.

Was this article helpful?

Related Articles