Customizing the Header Design in BoldGrid Crio | BoldGrid

BoldGrid Crio provides several options for the header style and location. These options are found in the Customizer.

  • In the Dashboard navigate to AppearanceCustomize
  • In the Customizer menu navigate to Design → Header → Layout

Select the Header Position

You can select the Header Position from the three different options here: Header on Top, Header on Left, or Header on Right.

Sticky Header

The Sticky Header makes the header portion of the site remain fixed at the top of the screen when scrolling up and down the page. You can set the Sticky Header On or Off by using the toggle.

Select Top Header Layout

BoldGrid Crio has several unique layouts for the Header on Top position. You can select each layout and see the changes in real time with the Customizer live preview.

Top Header Container

You have options to put the Header content in either a Fixed Width container or Full Width. This refers to the container the content resides in, allowing you to change your header’s look and feel.

Side Header Width

Selecting Header on Left or Header on Right will change the controls available. In these positions you can set a fixed width by using the slider under Header Width. Enabling the Sticky Header is strongly recommended for these layouts.

  • To ensure you do not lose them, Click on Publish to save your changes

Congratulations! You have completed the tutorial for editing the Header Layout for your BoldGrid Crio website.


Get more for free by signing up with BoldGrid Central Create Account