Spacing the top navigation links

  • Author
  • #942631

    I just added custom design to my blog and am trying to figure out CSS. The first thing I would like to do is evenly space the page navigation links across the top of the page. I’m sure there is an easy way to do this!

    My blog is

    Is there a way to make sure they are always centered? No matter what width the screen someone is viewing it on or which theme option (in terms of columns) I choose?

    Thank you!

    The blog I need help with is


    See if the answer given by designsimply in this previous forum entry helps:


    Yes it did! Thank you so much @gabrielstjohn.

    Another question. I would like to choose the theme option “contect-sidebar”, but when I do it makes the entire page narrower than the current option I have, which is “full-width, no sidebar.

    What do I need to do in order to have the page stay the same width?


    This solution may work, and it may not as I’m seeing a difference in the CSS on the demo site vs. what I see on your site as far as the overall main div holding all the page content. Add the following to your CSS. The original two-column width for your theme was 770px and the no-sidebar column width is 1070px, but if you go to 1070px for max-width, it will require you to create a new header image that is that wide. Give the 970px width a try and see if that works for you.

    .two-column #container {
    max-width: 970px;

    For readability and because 20% of the webbing public is still on 1024px wide monitors, I usually recommend that people don’t go wider than about 990px so that people don’t have to scroll horizontally.


    That makes sense @thesacredpath! Thank you so much for your help. I am delighted by the generosity of folks willing to help with these questions. I will play with it and let you know how it goes.

    Again, thank you.


    You are welcome, and if it does not work, switch your site to the content-sidebar layout and then post back here and I’ll look at the CSS and markup on your site and get a solution for you.

The topic ‘Spacing the top navigation links’ is closed to new replies.