Help get this topic noticed by sharing it on Twitter, Facebook, or email.
I’m wanting to find answers to these issues.

Help with Navigation and Oulipo's appearance on a PC

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
2 people have
this question
+1
Reply
  • EMPLOYEE
    I’m happy and tired!
    Hi Rich,

    I'm sorry for not replying sooner, was off on a mini-vacation with my mother on gorgeous Vancouver Island!

    So, to answer your questions:

    1) Yes, you can display child pages in the navigation sidebar but you'll have to make a few tweaks to do so. The first change you'll need to make is in header.php. Look for this line:
    <?php wp_list_pages('title_li=&depth=1'); ?>

    That snippet tells WordPress to list out the pages you've created, and the depth parameter dictates if child pages are shown or not. Change the depth to 2 and save your file. You'll also need to add the following lines to style.css so that the child pages don't look crazy and out of place:

    #main_nav ul li ul { margin: 0 0 4px 10px;}
    #main_nav ul li ul li { border-bottom: 0;}


    2) Unfortunately, font-rending on PCs is out of the control of ordinary web technologies used to make a page. The typography of the site was built on a Mac, not specifically for Mac audiences, but that is where it truly shines. As web approaches to licensing and using a wider range of fonts matures, there may be emerging solutions that will target the problem of typography on PCs, but until then PCs will render differently, and generally less spectacularly, than Macs. I completely feel your pain on this one.

    With regards to poetry, I do read it when someone lends or gifts me a book of poetry. Not exactly voracious, but that's not to say I don't like it! I would be very interested to read your book should you decide to use Oulipo and find the time to send it! Thanks so much for the offer and consideration.

    Let me know how the tweaks go and if you have any more questions or run into further problems.

    Cheers,

    Andrea
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. happy, confident, thankful, excited sad, anxious, confused, frustrated indifferent, undecided, unconcerned kidding, amused, unsure, silly

  • I’m happy, in general. Just a couple more tweaks and I will be thrilled.
    Andrea,

    Thanks for this. I hope you had a good mini-vacation. My semester hasn't even started yet and I feel like I could use one.

    The tweaks worked in terms of showing the child pages, but for some reason have cut two of my pages--"links to online work" and "contact me"--out of the navigation. I have a total of 13 pages published, 9 of which are master pages. All four child pages are under the My Books master page.

    Any ideas?

    (Okay, I need to revise this: The two links disappeared on my laptop, but when I look at the site on my iMac, I can see them. However, on my laptop, the bottom rule runs into the navigation links. It doesn't look too bad because it hits the space between the Contact Me link and the Feed link, but I'd still like for it not to do that. I realize I could probably fix this--having the rule not run into the navigation bar--by adding some blank spaces in the page; I am just wondering if there is a way to do it in the theme itself.)

    One other thing: Is there a way to prevent the rule you have at the bottom of the text from running into the navigation bar when I scroll down to the bottom of a page?

    Also, where can I get a mailing address so I can send you a copy of my book?

    Richard
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. happy, confident, thankful, excited sad, anxious, confused, frustrated indifferent, undecided, unconcerned kidding, amused, unsure, silly

  • EMPLOYEE
    I’m happy.
    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
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. happy, confident, thankful, excited sad, anxious, confused, frustrated indifferent, undecided, unconcerned kidding, amused, unsure, silly

  • I’m happy
    Perfect! The book will be in the mail next week.

    Best,

    Richard
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. happy, confident, thankful, excited sad, anxious, confused, frustrated indifferent, undecided, unconcerned kidding, amused, unsure, silly

  • I’m unsure
    I have the same problem with the navigation disappearing.

    Seems I must pay Wordpress.com even to PREVIEW whether or not changing the top margin.

    True?

    ... Have any other solutions come to light?

    It's a wonderful theme. But that's a BIG problem.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. happy, confident, thankful, excited sad, anxious, confused, frustrated indifferent, undecided, unconcerned kidding, amused, unsure, silly