Hemingway Rewritten – Centering the Nav Menu
-
Hi guys,
I’m trying to figure out how to center the menu that’s below the header image. It seems to stay off to the left (I’ve removed the sidebar and widened the content to full width).
-
Try this:
.main-navigation ul { text-align: center; } .main-navigation li { display: inline-block; }That should do it.
-
-
-
Sorry, but please replace with the following:
.main-navigation ul { text-align: center; } .main-navigation li { display: inline-block; float: none; } -
-
-
Hi
This is excellent – thank you! Exactly one of my questions and works perfectly.
I have 2 more questions related to the font size. I am a wordpress newby, so sorry if they are doff. I cant seem to find the answers anywhere.
I would like to change the font size of the navigation menu and page title (entry header) each individually.
I have adjusted the font using the fonts option in the Custom design, however the text is grouped, so when one section is the right size, the other is too big.
I am using Hemingway rewritten and it’s for philosperformance.com
Thanks! :-)
-
Since you are using custom fonts, we have to use a slightly different selector to adjust the size of the fonts. Add the following CSS and adjust as desired for the navigation.
.wf-active .main-navigation a { font-size: 11px; }If you are wanting to adjust the entry titles in the content area (such as Philos) add the following and adjust as desired.
.wf-active .entry-title { font-size: 42px; } -
-
Hi there,
I’m also looking to centre the menu titles below the header image; where should I be posting the css code – appearance > edit css and just copy the code into there? It’s not working for me. Thanks. -
@phatpaolo this should work:
.main-navigation ul { text-align: center; } .main-navigation li { display: inline-block; float: none; }Please let us know if it does not.
-
No, I copied it in to my CSS Stylesheet Editor but it’s still left aligned. Any other suggestions?
-
-
-
@phatpaolo, I think you’re using the Hemingway theme and not Hemingway Rewritten.
Either way there seems to be a whole slew of different CSS classes to target. Try this:
ul.blog-menu { text-align: center; } ul.blog-menu > li { float: none; display: inline-block; } -
Genius, that’s done the trick, thanks @colorfultones. What makes you think I have the original version of Hemingway? Anything worth doing to make my life easier?
-
Sooo @colorfultones, you were right, for whatever reason I had the original Hemingway theme in place. I have since reinstalled the rewritten and placed the original
.main-navigation ul {
text-align: center;
}
.main-navigation li {
display: inline-block;
}and it works fine. Thanks a bunch.
-
- The topic ‘Hemingway Rewritten – Centering the Nav Menu’ is closed to new replies.