Customizing the Header Design in BoldGrid Crio | BoldGrid Crio
If you have any questions after reading this article, please be sure to post a comment at the bottom of the page. We're more than happy to help!

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. In the Left or Right positions you can set a fixed width by using the slider under Header Width.

Sticky Header

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

Create Your Header Layout

BoldGrid Crio has unique tools to create diverse Header layouts. You can drag and drop elements around and see the changes in real time with the Customizer live preview.

Your Header contains Sections made from the elements Branding (Logo, Title, and Tagline), Menus, and Widget Areas. A Section is like a row in the Header. Each Section can have a different number of elements and use a different container type. Use the 9 way directional arrows to align each element appropriately.

Clicking the red Trash icon next to an element will remove only that element, to remove the entire Section click the red Trash icon at the top of the Section panel.

For more information on working with widgets, please read this article.

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.

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




   200+ Design Templates + 1 Kick-ass SuperTheme
   6 WordPress Plugins + 2 Essential Services

Everything you need to build and manage WordPress websites in one Central place.

2 thoughts on “Customizing the Header Design in BoldGrid Crio

  1. I have a Main Menu configured, as well as a Social Icons Menu… I have my main menu added to the header, but when I attempt to add a second menu to the header and want to select the Social Icons menu, it’s grayed out and I cannot select it?? Is there something I’m doing wrong? I’m not sure why the social icons menu is grayed out??

    • Hi Doug-
      Based on what you described, it sounds like your Social Menu is already assigned to another menu location, most likely in the footer. You can create a new menu with “Custom Links” to your social profiles and assign that one to the second header location, or you can re-assign your social menu to the new header location.

Leave a Reply

Your email address will not be published. Required fields are marked *