PDA

View Full Version : How to separate custom header with a horizontal bar?


klopus
Nov-19-2009, 12:29 PM
I currently created custom header with Easy Customizer and have navbar beneath the title. But in reality I would've liked both to be on a same line (title aligned to the left, navbar to the right) and separate from the rest of the page by a horizontal bar like I saw on somebodies site. What is CSS code to achieve all this?

Allen
Nov-19-2009, 07:19 PM
I currently created custom header with Easy Customizer and have navbar beneath the title. But in reality I would've liked both to be on a same line (title aligned to the left, navbar to the right) and separate from the rest of the page by a horizontal bar like I saw on somebodies site. What is CSS code to achieve all this?
See if you like this, add to your "advanced site-wide customization" CSS.

#customHeaderContainer {
border-bottom: 1px solid #22D4C2;
}

#customLogo {
text-align: left !important;
}

#customNavContainer {
float: right;
margin-top: -20px;
}

klopus
Nov-19-2009, 07:34 PM
Perfect! Thanks, Allen.