CherryFramework 4. How to manage header layout and background options

This tutorial will show you how to manage header layout and background options in CherryFramework 4 templates.

CherryFramework 4. How to manage header layout and background options

Log into WordPress admin panel, go to Cherry -> Options -> Header.

Here you will see all the options to manage header and each option has description in details on how it will affect the front end:

We will review all the options now.

1. Background:

   You can set a background image with Choose Media button:

   

   You can set a solid color background in Background Color field:

   

   There are some options to adjust the background included below too:

   

2. Grid type: set it Wide for the full width, or set it Boxed into a box with a specific width:

   

3. Boxed width: This field will work if you set the grid type as Boxed:

   

4. Sticky header:

   

   • On: The Header section will be sticky to the top if you scroll down the page.

   • Off: No header can be viewed when you scroll down the page.

5. Sticky selector: Select the block selector that will be used to build sticky panel, including:

   

   • Header: The whole header with background will be sticky.

   • Main Menu: Just the menu will be sticky.

   • Header top static area: The whole header will be sticky except the background.

6. Select MotoSlider to show in header: shows a drop down list of sliders, which is MotoPress Slider plugin:

   

   

Feel free to check the detailed video tutorial below:

CherryFramework 4. How to manage header layout and background options