How to align navigation bar to page content?

[nntesla892]

I have removed the profile stuff on the side and just want a narrow page. How can I push the navigation bar to the right so that it is in line with the page content at all times?

[Kyfafyd]

any update on this?

[jinhyung-park-info]

I would love to hear any updates on this too

[qiuyang50]

Adding "padding-left: 1.5em;" into ".masthead__menu-item" in the file "_sass/_masthead.scss" works for me.

The code should look as follows,

.masthead__menu-item {
display: block;
list-style-type: none;
white-space: nowrap;

&--lg {
padding-left: 1.5em;
padding-right: 2em;
font-weight: 700;
}
}

[justin13601]

Changing padding-right of .masthead__menu-item in file _sass/_masthead.scss worked for me.

I simply needed an extra font size of space to align my masthead:

.masthead__menu-item {
 display: block;
list-style-type: none;
white-space: nowrap;

&--lg {
- padding-right: 2em;
+ padding-right: 3em;
  font-weight: 700;
  }
 }

[ShayJordan]

Is it possible to align the navbar items to the right of the page but keep the site title/logo in its default place, aligned left?

[yidiwang21]

I made the following change to make my page contents align with the nav bar after the sidebar is turned off.
https://github.com/academicpages/academicpages.github.io/blob/master/_sass/_page.scss#L19

.page {
  @include breakpoint($large) {
    @include span(10 of 12 last);
    // @include prefix(0.5 of 12);
    // @include suffix(2 of 12);
    float: left;
  }

After this is done, it will be applied to the home page. The other pages are of archive layout, so you need to do the same thing at https://github.com/academicpages/academicpages.github.io/blob/master/_sass/_archive.scss#L12-L14