Move logo to nav bar

On the homepage of my site, is it possible to move the logo to the top left (inside the nav bar), move the menu to the centre of nav bar and then close the gap completely so slider starts just below nav bar?

url is


Hi @jhbjhbj,

I hope you are well today and thank you for your question.

You can try achieving this by using the solutions posted in the following topics.

Best Regards,

Hi movin,

I copied the code given in the first link you provided. It breaks the header completely. Please have a look -


Please also try using the below CSS code.

div#logo {
    padding: 0;
nav.navbar.navbar-default + .container {
    padding: 0;
#logo + div#line {
    display: none;
body.home .entry-content,
body.home .container.main-content-area {
    margin-top: 0;
body.home {
    display: none;

Thanks, but there is still a small gap between the horizontal grey line and the banner.

Also the site is now broken on mobile (the menu doesnt work).

And I need a little more space between top of page and logo.

Hope you can help - I know it’s a lot of work for a free product…

Many thanks!

Yes you are right. Actually developing custom code for custom functionality is beyond the scope of support that we provide here.

If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Colorlib recommends the developer