Moving the Nav bar below the header in Bueno

minqandmode · Member · May 19, 2012 at 1:19 pm
Copy link

Add topic to favorites
Hi, I’m trying to move my Nav bar so that it aligns with the bottom of my header. Or even if it was below would be better. I’ve searced other entries that have the same query but the CSS that has resolved the issue for them is not working for me. This is what has been posted previously:

#header {
padding:45px 0;
clear:both;
position:relative;
top:-110px;

When I do this my nav bar disappears, I am assuming it is behind the header so can’t be seen. Can anyone help please.

Thanks
Monique

The blog I need help with is: (visible only to logged in users)
designsimply · Member · May 19, 2012 at 6:05 pm
Copy link
I’m not sure where you found that code example, but note that CSS is theme specific and it’s also possible that it can be specific to one blog only if someone has already added other custom CSS that affects the example. In other words, CSS code snippets can be re-used a lot of the time but not all of the time.

To move the top navigation lower down inside the header area, try adding this to the bottom of your Appearance → Custom Design → CSS:
```
#pagenav {
	display: block;
	position: absolute;
	right: 0;
	bottom: 53px;
}
```
Adjust the right and bottom values as necessary.
minqandmode · Member · May 20, 2012 at 2:55 am
Copy link
That has worked perfectly. Thank you so much!

No items found.