[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

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:

CherryFramework4-How_to_manage_header_layout_and_background_options-1

We will review all the options now.

  1. Background:

    You can set a background image with Choose Media button:

    CherryFramework4-How_to_manage_header_layout_and_background_options-2

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

    CherryFramework4-How_to_manage_header_layout_and_background_options-3

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

    CherryFramework4-How_to_manage_header_layout_and_background_options-4

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

    CherryFramework4-How_to_manage_header_layout_and_background_options-5

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

    CherryFramework4-How_to_manage_header_layout_and_background_options-6

  4. Sticky header:

    CherryFramework4-How_to_manage_header_layout_and_background_options-7

    • 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:

    CherryFramework4-How_to_manage_header_layout_and_background_options-8

    • 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:

    CherryFramework4-How_to_manage_header_layout_and_background_options-9

    CherryFramework4-How_to_manage_header_layout_and_background_options-10

Feel free to check the detailed video tutorial below:

CherryFramework 4. How to manage header layout and background options