Header Styles for Ascend

Header Styles Using Side Header

  1. 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.

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

3. 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.

4. 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.

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

6. 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.

 

Header Styles Using Above Header

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

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

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

4. 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. 

5. 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.

6. 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.

7. 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.

Homepage Header

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

  1. Navigate to Theme Options > Home Page Header Content.
  2. Select your homepage header settings and whether or not you want to use the transparent header.

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

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

5. Choose whether or not to make your header image parallax.

Mobile Header

  1. Navigate to Theme Options > Mobile Header.
  2. Choose your mobile header layout and height. Choose whether or not you want the mobile header to be sticky.

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

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

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