Help with Navigation and Oulipo's appearance on a PC

  • Question
  • Updated 5 years ago
Hi Andrea,

I sent you two emails before I saw the Feedback button on the Oulipo site screen. Sorry if they crowded your inbox unnecessarily. So I hope you won't mind if I put both my questions in one message here. They both pertain to the website I have built with Oulipo (the look of which I love, by the way), www.richardjnewman.com:

1. Is there any way to get subpages listed in the navigation bar? There are three subpages for My Books and I'd like to get them into the navigation. (I have, for now, found a plug-in, "Simple Section Navigation Widget," that pops widget up in the side bar when someone clicks on My Books.)

2. I built the site using Firefox on an iMac. When I look at the site on a PC, though, in either Firefox or Safari, the all-caps in the navigation bar look fuzzy, and text font looks "thin," for want of a better word. When I view the site in Internet Explorer, I guess Windows does some kind of font substitution. The text is much clearer and more readable, but the fonts--and therefore the look of the site--is different, which is a shame, since it's the typography that really makes the site for me.

Finally, put this in the email: Assuming I decide finally to use your theme (I am 95% there), I am happy to donate something or send you a book. I am wondering if you are a poetry reader. If so, I would be happy to send you a copy of my book, The Silence Of Men. Otherwise, I will check out your wish list.

Thanks so much for your theme and your time!

Cheers,

Rich Newman
Photo of richnewman

richnewman

  • 4 Posts
  • 0 Reply Likes
  • wanting to find answers to these issues.

Posted 6 years ago

  • 2
Photo of Andrea Mignolo

Andrea Mignolo, Official Rep

  • 78 Posts
  • 7 Reply Likes
Official Response
Hi Rich,

The problem you are encountering with the navigation is because of the style rules attached to it. In particular, the main navigation is given a "fixed" position, which is what keeps it in view even as you scroll content. The draw back with this property is that content that lands outside of the viewport (as is the case when viewing the site on your laptop with a smaller screen). There are a couple things you can try to get *all* of the navigation showing.

In your style.css, look for the following snippet:

#main_nav {
display:inline;
float:left;
margin:9em 0 0;
position:fixed;
width:10em;
}


If you want to keep the fixed positioning, I'd work on adjusting the top margin of the navigation. Currently it is set to 9em. Try making that 7em or maybe 5 (or just tweak around until you are happy). This will pull the main navigation menu closer to the top of the viewport and will allow smaller screens to see the entire navigation.

The other thing you can do is to remove the fixed positioning. Where it says position: fixed;, change that to read position: relative;. This will cause the menu to scroll with the rest of the content, and behave as visitors might expect, so that if the navigation is cut off, they can simply scroll to see the rest of it.

Let me know if either of these approaches solves the issue!

You can send a copy of your book to:

701-822 Seymour Street
Vancouver, BC, V6B 1L7

Thanks Rich!

Andrea