Shifting the menu on blog view to be at the top

Viewing 5 posts - 1 through 5 (of 5 total)

June 1, 2011 at 11:35 pm June 1, 2011 #2611

Lady Lazer Light
Participant

Hey Daniel,

Is it possible to shift the menu on blog view from the bottom of the page on blog view, to be just under the title of the page – the black bar?

And also perhaps to remove the side menu?

Thanks so much!

June 2, 2011 at 11:14 am June 2, 2011 #2612

Daniel Tara
Keymaster

Copy the call to function [code]wp_nav_menu()[/code] from footer.php to header.php.

This won’t guarantee the menu will look good, you will still have to style it.

July 16, 2011 at 12:01 am July 16, 2011 #2613

dkuropatwa
Participant

I was able to shift the menu to the top as described here and get the menus to open downward as described there http://www.onedesigns.com/support/topic.php?id=443 but I’m having one problem restyling the menus:

The menus now open down *from the top* of each menu item and cover up the menu headers. I’d like the menus to open *beneath* each each menu item so I can still see each menu header when I hover over it. How would I do that?

Please tell me which file I need to modify and what code I might have to change in the template. TIA
July 20, 2011 at 2:37 am July 20, 2011 #2614

dkuropatwa
Participant
I figured it out. At the bottom of the style.css file I modified it as follows:
```
.nav ul ul ul {
	visibility:hidden; /*added this line to better align grandchild menu*/
	position:absolute; /*added this line to better align grandchild menu*/
	top:30px; /*added this line to better align grandchild menu*/
	bottom:-10px;
	background:#EEE; /*added this line to better style grandchild menu*/
	left:99%;
}
```
October 3, 2011 at 9:12 pm October 3, 2011 #2615

Cybergrace
Participant
I wasn’t able to get this to work. Not sure what I am doing wrong. Here is a link – Lifelineusa.net and here’s what I have at the bottom of the style.css file:

.nav ul ul ul {
visibility:hidden;
position:absolute;
top:30px;
bottom:-10px;
background:#EEE;
left:99%;

Please advise and thanks! Keith
dkuropatwa said:
I figured it out. At the bottom of the style.css file I modified it as follows:
```
.nav ul ul ul {
	visibility:hidden; /*added this line to better align grandchild menu*/
	position:absolute; /*added this line to better align grandchild menu*/
	top:30px; /*added this line to better align grandchild menu*/
	bottom:-10px;
	background:#EEE; /*added this line to better style grandchild menu*/
	left:99%;
}
```