logo to menu bar


I want to add my logo in the menu bar, i used the following code:

div#logo {
padding-top: 13px;
nav.navbar.navbar-default .container {
max-width: 100%;
nav.navbar.navbar-default {
float: right;
max-width: 70%;
#masthead > .container {
float: left;
max-width: 30%;

Unfortunately this pushed the menu way to the side, see attached image. How can i place the logo right next to the menu without it looking like the attached image?

Hi @evelinassam

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

The menu is displaying fine for me using shared CSS code on my test site.

Could you please share me your site URL where it’s displaying as shown in your shared screenshot so that i can troubleshoot it?

Kind Regards,


Of course, here it is: http://www.grontkok.se/

Thanks :slight_smile:

I tried to visit your shared site but it is just displaying blank black page as shown in the attached screenshot.

Please advise.

Ah, the Under Construction page was Active. It is deactivated now and website should be open to the public. thanks again!

It is happening because of the conflict with following custom CSS code you have added in your site so to resolve the issue try removing this CSS code or making it more specific if you want to use it.

#page .container {
    max-width: 1400px;
    width: 70%;

Fantastic, thank you so much!

is there any way to move the menu more to the right?

/n00b :slight_smile:

is there any way to move the menu more to the right?

To achieve that try adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

@media (min-width: 768px){
  .collapse.navbar-collapse {
    float: right;