Menu alignment to the right

Hi, I would love to align my 2 link menu to the right:

THANKS

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

#site-navigation {
  justify-content: flex-end;
  order: 4;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Its almost perfect! Now the facebook icon is in the middle, I would like to have it on the right too!

By the way, the facebook icon is gone! How is it possible?

Thanks

Hello,

You can try to use this CSS code instead of the previous one:

#site-navigation {
  justify-content: flex-end;
  order: 3;
}

#masthead .last-block {
  order: 4;
}

div.socials i.fa::before {
  font-family: FontAwesome;
}

.socials.justify-content-end {
  justify-content: flex-start !important;
}

Kind Regards, Roman.
aThemes Support

Its almost right! but there is a wide space on the right!

Okay, try to use this instead:

@media (min-width: 1200px) {
    #site-navigation {
        justify-content: flex-end;
        order: 3;
        flex-basis: 62%;
        max-width: 62%;
    }

    #masthead .last-block {
        order: 4;
        flex-basis: 3%;
    }
}

div.socials i.fa::before {
    font-family: FontAwesome;
}

Kind Regards, Roman.
aThemes Support

Perfect now!! Now the last thing i noticed is that in phone version or when you make the window smaller, the header turns blue, and I would like to have it black!

THANKS

Hello,

You can add this CSS code as well:

@media (max-width: 1199px) {
    #masthead {
        background-color: black;
    }
}

Kind Regards, Roman.
aThemes Support