Enable Demo 2 header in Cakecious theme

Enable Demo 2 header in Cakecious theme

In cakecious theme, the Demo 2 has different kind of header. Sometimes, the demo import sets up Demo 1 instead of 2 due to some glitch, but its easy to enable the Demo 2 if you want.

Here is the video of whole process. https://share.getcloudapp.com/X6uAR95Z

Here are the written steps.

  1. Go to wp-admin/appearance/customise/Header.
  2. Setup the logo in the middle.
  3. Assign Menu 1 on the left side of the logo and Menu 2 on the right side of the logo.
  4. Enter the below code in the wp-admin/appearance/customise/additionalCSS box replacing current code ( if you have not entered any of your own code yet ).
  5. Go to Appearance/menu and assign menus for the Left menu (Header Menu 1) and Right menu( Header Menu 2).
@media(min-width: 995px) {
.cakecious-logo .cakecious-logo-image img {
    margin-top: 64px;
    z-index: 2;
    position: relative;
}
.site-title .cakecious-menu-item-link:after {
    content: "";
    background: url(https://cdn.bolvo.com/images/logo-circle-2.png) no-repeat scroll center center;
    height: 201px;
    width: 209px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -44px;
}
.cakecious-header-main-bar:after {
    content: "";
    width: 100%;
    border-bottom: 1px dashed #c5c5c5;
    position: absolute;
    left: 0px;
    bottom: 4px;
}
}