Change top bar with logo bar

Dear Support,

I would like to put the top navigation bar (blue one)underneath the bar with the logo in it (light gray area) and would like to centralize the logo in the middle.

Could you help me out with this?

 

1.For your first issue

Hello,

Go to header.php present in your theme directory and follow the instruction as shown in image given below




2.For your second issue

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.logo img {
margin-left: 285px;
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
.logo img {
margin-left: 200px;
}
}
 
@media only screen and (min-width: 480px) and (max-width: 767px) {
.logo img {
margin-left: 25px;
}
}
 
@media only screen and (max-width: 480px) {
.logo img {
margin-left:25px;
}
}

Adjust its value as per your requirements.

 

Thanks a lot it worked