Wp Premium Theme wp_list_pages Display Problems

  • Resolved doublea

    (@doublea)


    15 years, 10 months ago

    Hey guys, mr. newbie to wordpress here. I’ve been working on a new wordpress site but I am trying to use it basically as a website instead of just a blog meaning that I am using “pages” instead of “posts”. Everything looks ok in fire fox and safari but when I visit the site on ie 7 the top nav over laps into the “content” section and the “ads” section. I really like this template but can’t seem to figure out how to fix the problem. My site is

    TimelessAntiqueClocks.com

    and I’m using the WpPremiumTheme

    I read a previous post on the subject with a different theme. Just couldn’t figure out how to apply it to the theme I’m using. You can see it Here

    Any help is greatly appreciated!

Viewing 5 replies - 1 through 5 (of 5 total)

  • The whole nav bar needs sorting out. I don’t think that this theme was ever tested with a page menu that extended over a single line. You’d need to take the huge 28px top margin off #nav li, re-position the navbar using #nav ul and then re-test in IE to see if any IE-specific CSS needs to be served.

    Thread Starter doublea

    (@doublea)

    Much thanks esmi for the quick response. Again, I’m very new to worpress. The code is style.css that you are talking about is:

    ul# { display:block; width:880px; margin:0px; padding:0px 0px 0px 10px; }
#nav li { float:left; list-style-type:none; margin:28px -4px 0px 4px; padding:0px; }
#nav ul li:hover a, #nav ul li.hover a, #nav ul li.current_page_item a { text-decoration:none; }
#nav ul li.current_page_item a:hover { text-decoration:none; }
#nav ul li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; display:block; padding:6px 20px 6px 0px; margin:0px 0px 0px 15px; text-transform:uppercase; }
#nav ul li a:hover { text-decoration:none; }

    Not real sure what you mean by “ake the huge 28px top margin off #nav li”? Do you mean change the size or take it off? When you said “re-position the navbar using #nav ul”, what position would you suggest?

    Thanks

    Thread Starter doublea

    (@doublea)

    esmi,

    Thanks for the help. I adjusted the “huge 28px top margin off #nav li” to 5px and that took care of it. Wish there was a way to add a little more room than that but, if there is, I couldn’t figure it out.

    Again, Much Thanks!

    In my design book, 28px is an awfully large top margin to add onto a list of links that might wrap over 2 lines. Given a free hand, I’d probably reduce all margins and paddings to zero and then slowly rebuild the nav bar in the hopes of ending up with a bar that might even wrap quite happily over 3 lines. But, as I said, that’s a pretty significant task.

    Thread Starter doublea

    (@doublea)

    Thanks esmi. I think I’ll leave that one alone for now. Again, much thanks for the help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Wp Premium Theme wp_list_pages Display Problems’ is closed to new replies.