Centering Navigation Menu for Hemingway Rewritten Theme

zacharynlu · Member · Mar 8, 2015 at 1:25 am
Copy link

Add topic to favorites
Would anyone know how to center the primary navigation bar for the Hemingway Rewritten theme? The menu options seemed to be aligned left, and I would like theme centered on the page.

Here is a link to my website:
http://www.zacharynlu.com

Thank you for your help!

The blog I need help with is zacharynlu.com.

The blog I need help with is: (visible only to logged in users)
staff-happychia · Staff · Mar 8, 2015 at 7:31 am
Copy link
Please try this CSS and see if you like the result:
```
@media screen and (min-width: 1020px) {

    .main-navigation ul {
        padding-left: 202px;
    }
}
```
zacharynlu · Member · Mar 8, 2015 at 10:28 pm
Copy link
Thanks chaitanysamsv, would I just add this to the CSS box?
zacharynlu · Member · Mar 8, 2015 at 10:32 pm
Copy link
Oh, I actually got it to work! Just a note, I just changed the “padding-left” value from 202px to 245px to be a little more centered. Thanks for your help!
zacharynlu · Member · Mar 8, 2015 at 10:34 pm
Copy link
Actually, there’s a small problem, the sub-menus are not aligned to their main header menus anymore. How would I go about fixing that?
staff-happychia · Staff · Mar 9, 2015 at 8:28 am
Copy link
Oops, my bad. I did not notice it when I came up with the CSS.

To fix this, lets remove ul from the rule so the CSS would be:
```
@media screen and (min-width: 1020px) {
    .main-navigation {
        padding-left:245px
    }
}
```
zacharynlu · Member · Mar 9, 2015 at 5:10 pm
Copy link
That works perfectly! Thanks a ton for all your help chaitanyamsv!

No items found.