Cargo home Twitter Devlog

Centering text nav horizontally

Last Updated: May 17, 2013 02:29PM PDT
To center your navigation horizontally, make these modifications in your CSS, first set your navigation to display horizontally through your admin panel: Settings → Display options → Image sizes and other options → Text nav: Display horizontally
 
Then, make these changes in your CSS:
 .nav_container { }

.nav_container.horizontal {
    line-height: 165%;
    position: relative;
    margin: 0 auto;
    width: 905px;
    padding: 0 35px;
    z-index: 105;
    text-align: center;
}

.nav_container.horizontal div {
    display: inline-block;
    padding: 0 5px;
}

.project_link, .page_link, .link_link, .nav_active {
    display: inline-block;
    margin: 0 5px;
}
 
If you are using Feed or xFeed, make these changes instead:
 .feed_nav {
    position: relative;
    margin: 0 auto;
    width: 905px;
    padding: 0 35px;
    z-index: 105;
    text-align: center;
}

.feed_nav a {
    display: inline-block;
    padding: 0 5px;
}

.feed_nav br {
    display:none;
}

.feedlink { }
.indexlink { margin-right:35px; }

.nav_follow {
    display:inline-block;
}

.page_nav { 
    display:inline-block;
}
tickets@cargocollective.com
http://assets3.desk.com/
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
Invalid characters found
/customer/en/portal/articles/autocomplete