How do I get the text inside the menu bar align right & can I change the color?

Please provide a link to your site, it makes it easier to see whats going on.

Thanks

this is the site

I got the menu items to align to the right like I wanted now I just need to make it so the box in the background is changed to a different color and I also need to change the color of the text not sure how to do that one.

In your Child Theme or CSS Editor try this code:

.navbar .nav {
    float: right;
}

For the NAV color try:

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    color: #ff0000;
}

Just change #ff0000 to your color.

Yes unfortunately the 2nd bit of coding you gave me does nothing for the box. The color still remains the same and I am not sure how to change it. I would like the box to be black but can’t get it to black.

OK, you want the whole box black and what color do you want the font to be?

I not see where you added the NAV color change to your Child Theme or CSS Editor.

For the Background:

.navbar .navbar-inner {
   background: #000;
}

I want the whole box to be black and the text itself is going to be white. I inserted the code you just gave me into the custom CSS plugin I have been using and unfortunately the box still remains this grey color.

Not sure whats going wrong, I just tested it on my own site and it word fine.

Now it works fine but when you scroll down on the page the menu bar becomes smaller and causes the bar to lose the black color upon scrolling down. How would I make it so that the menu bar doesn’t lose that color when you scroll the page down?

You can remove the box shadow with:

.navbar .navbar-inner {
   box-shadow: none;
}

OH, I not see that the header NAV is Fixed and scrolls with the page sorry.

Add this also:

.sticky-enabled .navbar .navbar-inner {
   background: #000;
}

Yes but the box still changes it’s color from black go grey when I scroll the page down even with the code you just gave me.

edit: sorry I just saw your update thank you this works great just what I needed. I appreciate all your help ??

On a side note I see under the Appearance > Customize > Header > Navigation, you can move the menu left or right with having to use the CSS code:

.navbar .nav {
    float: right;
}

Oh ok I will be sure to check that out than. Thanks again.