If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

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