Set custom width to header and slider

For the slider, try this:

#customizr-slider {
        max-width: 1170px;
        margin-left:auto;
        margin-right:auto;
        }

For the header, rdellconsulting’s the expert…

Start here:
http://www.themesandco.com/snippet/change-logo-social-icons-tagline-navbar-header/

Then let’s see what is left to add.

I think the ‘custom width’ idea is misleading you.

OK, let’s break it down:

Step 1: Add a Background. Try this Snippet

Step 2: Need a link to your site to get this right. From the link above, you should try:

.inside.site-description {
margin:         0% 0% 0% 0%;
}

The significance of the margin code is to move in the order:
top-right-bottom-left so you probably need to adjust the 2nd 0% to push the Tagline around. +1% will move right-left, -1% will move left-right. You can also use 0px instead of 0% but that might cause extra problems when you consider how it looks on smaller devices.

The snippets are new, so this is a good experience to find out if they’re doing what is needed.

@cari.h.cayton: this will center your header.

.row-fluid .navbar-wrapper{
float:      none;
margin:     0 auto;
width:      90%;
}