[resolved] [closed] Center Navigation bar buttons (4 posts)

  1. hartmutnz
    Posted 3 years ago #

    Hi, I wondered if we can center the nav bar buttons. I understand the actual nav bar is a certain width and if there are empty spaces at the right end, it keeps staying empty, making the nav bar look aligned left. BUT has anyone done a custom code to make the buttons all center themselves in the middle, so there is approx equal "white" space on the left and right? Appreciate your input, please only reply if you have actually done that in the PINBOARD theme, and it works, BIG thanks, look at the page in question here:

  2. paul.a.cunn
    Posted 3 years ago #

    #access ul {
    margin-left: 10%;
  3. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

  4. hartmutnz
    Posted 3 years ago #

    Thanks Paul! Your solution `#access ul {
    margin-left: 10%;
    works well and it's easy to insert in the custom code of Pinboard.
    Andrew, thanks for your contribution! It's a full on tutorial! Great, will learn more there later, for now my nav bar is aligned!
    A more challenging project will be to now proportionally shrink the nav bar for the diiferent devices. At the moment it JUMPS when I resize the screen, or go on a NOOK. It makes 2 lines of nav-bar until it goes to Iphone size and makes it the responsive style.. I am not too worried, but it would be really nice to have the nav bar shrink gradually with the text going smaller and smaller to suit any size. But this is possibly worth a Thread on it's own? I am talking PINBOARD here too, so maybe some other themes already have that? Keep up the good work! Groggo http://www.artandcraftconnection.com/

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic