Moving Menu Bar Over

David Schure
David Schure used Ask the Experts™
on
I need to move the Menu Bar over to the right.  How can I do this?  It's somewhat in the center now and I want it to be to the right of the screen.  Thank you.

http://www.mediascrubber.com/index.html
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®

Author

Commented:
I tried this but it did not work.
#header .nav-menu.nav-demo-2{
    display: block;
    position: inherit;
    padding: 0;
    background-color: transparent;
    transform: none;
    height: auto;
    margin-top: 7px;
    float: right;
}

Open in new window

Author

Commented:
Also tried:
#header .nav-menu.nav-demo-2{
    display: block;
    position: inherit;
    padding: 0;
    background-color: transparent;
    transform: none;
    height: auto;
    margin-top: 7px;
    right; 0px;
}

Open in new window

Most Valuable Expert 2012
Distinguished Expert 2018
Commented:
This seemed to work for me in IE and Edge:
#header .nav-menu.nav-demo-2 .nav{

display: block;
position: initial;
height: auto;
overflow: initial;
text-align: right;

Open in new window

Scott FellDeveloper & EE Moderator
Fellow 2018
Most Valuable Expert 2013
Commented:
#header .nav-menu.nav-demo-2 .nav {
    display: block;
    position: initial;
    height: auto;
    overflow: initial;
/*
    text-align: center;
*/
    text-align: right;
    padding-right: 10%;
}

Open in new window


Change the text align from center to right, then put some padding or margin to the right too. Make sure to account for small screen in  your media queries.

Author

Commented:
Thank you guys!  Worked most beautifuuly!

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial