Menu Bar Modifications

ashleykonson · Member · Apr 19, 2012 at 7:18 pm
Copy link

Add topic to favorites
Hi, my wordpress site is link is http://ashleykonson.wordpress.com and i am using the “Forever” theme. In the navigation bar i want to push the page link name “Home”, “Bio” and “Services” to the left.

Also how can i change the menu bar background color from white to say light blue.

Looking forward to some help

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Apr 19, 2012 at 7:22 pm
Copy link
To make the Forever theme menu left aligned, remove the float property like this:
```
#access ul {
	float: none;
}
```
lindseydn · Member · Apr 22, 2012 at 10:07 pm
Copy link
How do you move the navigation bar to the be above the header? Like in the Forever demo? I am working on setting up my blog now, it is at http://weddingsinjacksonhole.wordpress.com

thanks!
Lindsey
designsimply · Member · Apr 24, 2012 at 10:57 pm
Copy link
Also how can i change the menu bar background color from white to say light blue.

The menu bar background color can be changed to light blue in the Forever theme by adding something like this to your Appearance → Custom Design → CSS page:
```
#access {
	background:#A0CFFB;
}
```
designsimply · Member · Apr 24, 2012 at 11:04 pm
Copy link
How do you move the navigation bar to the be above the header? Like in the Forever demo?

To move the top navigation menu in the Forever theme above to just below the site title, try adding this to your Appearance → Custom Design → CSS and adjust the numbers to your liking:
```
#masthead {
	position: relative;
}

#site-title {
	margin-bottom: 50px;
}

#site-description {
	padding-bottom: 1em;
}

#access {
	display: block;
	position: absolute;
	left: 0;
	top: 178px;
}
```
designsimply · Member · Apr 24, 2012 at 11:15 pm
Copy link
Side note: By default, the Forever theme shows the navigation between the header and the featured image slider. The navigation menu appears first on the Forever demo site because that site doesn’t have a custom header image setup.

No items found.