Docs

[MulderDSM]

My site is 1200px wide, with content at 90%. Using some custom CSS I got the logo+nav bar to line up with the content, but the top bar is spread out much further on left and right hand side. Can you help me with some custom CSS to correct this.

Here’s what I added to get the logo+nav bar inline but this could be wrong also.

.x-brand{
  margin-left: 2.5%;
}
.x-nav-wrap.desktop {
    margin-right: 2%;
}

http://thinkdifferentdemos.com/chiro/

[Friech]

Hi There,

Thanks for writing in! Please update your code above to this.

header .x-container.width {
	width: 85%;
}

And another thing, please check your custom CSS here: http://csslint.net/ and resolve the syntax error. Any custom CSS you add on the bottom of customizer’s custom CSS will not work because of that syntax error.

Hope it helps, Cheers!

[MulderDSM]

Hmm. I tried this. I think I can see what is happening.

It looks like my home page (set as a full width page) isn’t the same width as all other pages of the site which are a left column-sidebar style page.

When I try to get my top nav logo and topbar to line up on the left for the homepage using the custom css, but then the rest of pages of the site no longer line up.

I move my site to production, here’s the new url http://capitalchirodsm.com/

[Friech]

Hi There,

Thanks for the input, I think we got this the wrong way. It was not the Navbar and Topbar that is not align with the content. It is the content that has a container. Please remove the custom CSS you applied on the logo, navbar, and topbar.

/* adjust header margings to line up with page */
.x-brand{
  margin-left: 2.5%;
}
.x-nav-wrap.desktop {
    margin-right: 2%;
}
.header .x-container.width {
	width: 85%;
}
.x-topbar .p-info {
    margin-left: 3%;
}

And then turn off your ROW’s column container option.

Hope it helps, Cheers!

[MulderDSM]

perfect!!! thank you!!

[Joao]

Great to hear it,

Let us know if you need help with anything else.

Joao

[Author]

Posts