Center Navigation bar buttons

  • Resolved hartmutnz

    (@hartmutnz)


    11 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:
    http://www.artandcraftconnection.com/

Viewing 3 replies - 1 through 3 (of 3 total)
  • paul.a.cunn

    (@paulacunngmailcom)

    11 years ago

    #access ul {
margin-left: 10%;
}
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years ago

    Try this solution
    http://stackoverflow.com/questions/49536/how-do-i-really-justify-a-horizontal-menu-in-htmlcss

    Thread Starter hartmutnz

    (@hartmutnz)

    11 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/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Center Navigation bar buttons’ is closed to new replies.

Tags