Spacing the top navigation links

  • Author
    Posts
  • #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 http://communityyogalafayette.com/

    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 communityyogalafayette.com.

    #942751

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

    https://en.forums.wordpress.com/topic/someone-please-help-theme-pilcrow?replies=16

    #942761

    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?

    #942772

    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.

    #942774

    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.

    #942776

    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.