I tried your recommendation to "try now" through the custom design and clicked on CSS, it would not allow me to do anything different than what I can already do.

You also need to enter the CSS example from above into the editor in the Appearance → Themes → Customize → CSS panel and it would let you preview any CSS changes. Did you do that?

Speaking of the banner, if you don't mind giving some advice, how can I keep the banner on the "static page" aka my home page and eliminate it from all the rest of my pages which I am using as tabs. for example if you hit the "Am I an Addict" tab the screen slightly moves bc it is going to a different location but it doesn't look like it actually moved bc the banner is on all the pages, you would have to scroll down the page to see if you have actually navigated away to a different page. how can I eliminate the banner on all pages except my static page/home page?

George

Angrewxcpht responded with this: "It's not really possible to move them below the banner with this particular theme. If you do not like their location in this theme, you could try finding a theme that has them below the banner already, then adding Custom styles to that theme."

I tried doing this "Appearance → Themes → Customize → CSS panel" but I can not find the CSS panel. So perhaps the them I have "Academica" does not support this?

#header {
	position: relative;
}
#main-nav {
	position: absolute;
	bottom: -480px;
}

If you do not like their location in this theme, you could try finding a theme that has them below the banner already, then adding Custom styles to that theme.

Make the following changes. Add margin-top to the #branding group and then make #access look like the below. This gives a touch of white space above the site title image, which I think looks better. See what you think.

#branding hgroup {
margin-top: 10px;
}

#access {
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    top: 141px;
}

#access {
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    top: 131px;
}

This is my site: http://push5k.wordpress.com/

.main-navigation {
position: absolute;
top: 125px;
}

I am a typical novice who has no idea about CSS,

Would be grateful if anyone could let me know how you move the navigation menu so it appears below the header.

Much appreciated!

.site-header {
position: relative;
}

.main-navigation {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: absolute;
top: 275px;
width: 100%;
}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
border: medium none;
}

#main {
margin-top: 25px;
}

Does anyone know how to do this?
A wordpress customer service rep helped us achieve this to a degree but them other text also moved- she said "I'm running into some issues with things bumping each other down the page".

Here is the code she used to move the navigation up originally as a test- maybe this can help.

/*<br /> #site-navigation, .main-navigation {<br /> top: 220px;<br /> position: relative;<br /> }</p> <p>img.header-image {<br /> position: absolute;<br /> top: 0;<br /> }</p> <p>#main, footer {<br /> position: relative;<br /> top: 200px;<br /> }</p> <p>.entry-header .comments-link {<br /> display: none;<br /> }*/

#main {
	position: relative;
}

#access {
	position: absolute;
	top: 200px;
}

And this is a starting point for changing the width of the main column.

.type-page .container {
	padding: 60px 0 0 0;
}

You should also adjust the content width value on the Appearance → Custom Design → CSS page after you decide on a main column width.

Katherine

#main-nav {
	top: 200px
}

Nice work!

I really need some help with moving my header above the menu bar in my manifest themed site. I've tried everything (i think). Please note that I'm really new to both wordpress and css. So if a kind soul out there wants to help me, please do not leave any details out. Thank you!!

#branding img {
	padding-top: 44px;
}
#access {
	position: absolute;
	top: 188px;
}

3. Bringing the widgets closer together so that there isn't all that dead white space between them.

To remove spacing from between widgets in the Adventure Journal theme, start wtih this:

#secondary .widget, #tertiary .widget {
min-height: auto;
padding-bottom: 0;
margin-bottom: 0;
}

Adjust the numbers as necessary.

2. Move the menu to below the header image and put my own background on it (removing the "paper" effect)

How to do the spacing for a request like this will depend on how large the background image is that you want to put behind the menu. To get you started, here is an example of CSS that will move the menu down below the header image with no background image:

#menu-wrap,
#menu,
#nav-right {
    background: none;
}

#container2 {
position: relative;
}

#menu {
display: block;

position: absolute;
top: 390px;
left: 0;
}

#banner {
padding-bottom: 20px;
}

To go from there, add in the background image to either #menu-wrap or #menu and then adjust the spacing and positioning as necessary.

Looks like you're asking about http://inkedincolour.wordpress.com/

Adventure Journal doesn't have the option I mentioned before, but you can use CSS to hide the entire site title and tagline area like this:

#logo {
    display: none;
}

1. Get rid of that title! How do I do it?

Go to Appearance → Header and uncheck the option that says, "Show header text with your image."