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.
- Go to wp-admin/appearance/customise/Header.
- Setup the logo in the middle.
- Assign Menu 1 on the left side of the logo and Menu 2 on the right side of the logo.
- 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 ).
- 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;
}
}