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

It worked! :slight_smile:

Now can I take out the menu when I make the window smaller? So it only appears on big screensl!

Hello,

Please create a new topic for this additional issue to keep the forum in good order and make it easier to help you. Hope for your understanding.

Kind Regards, Roman.
aThemes Support

Of course! Thank You so much!

You are welcome! :slight_smile:

Kind Regards, Roman.
aThemes Support