Instead of top:160px i used Margin-top:-60px so that it moves a bit up from the content to the header instead of top:160px which makes it move from the top to bottom of the html document.
Using positioning (absolute/relative/fixed) should be one of the LAST way of laying out pages unless you are after specific effects that cannot be achieved any other way.
It most certainly should not be used by default...there are much better, flexible and maintainable ways of laying out pages.
It's on my local host just a site I've been working on for practice. So here are 3 pictures.
This is how it looks when I'm not logged in: LINK
This is what happens when i log in: LINK2
CSS for menu
I'm not sure but it looks like your menu is positioned absolutely...so it's linked to the top of the page...so it moves.
Without seeing the live site I can't say whether this positioning is required or not....my guess is that it isn't....it rarely is.
But so is my search form and that doesn't move. Weird.
What do you suggest me to do instead of absolute way ?
Your search form is probably inside a positioned element while your menu is not, so it's positioned absolute to the html element.
I made it work :)
Instead of top:160px i used Margin-top:-60px so that it moves a bit up from the content to the header instead of top:160px which makes it move from the top to bottom of the html document.
I've said it before but it's worth repeating...
Using positioning (absolute/relative/fixed) should be one of the LAST way of laying out pages unless you are after specific effects that cannot be achieved any other way.
It most certainly should not be used by default...there are much better, flexible and maintainable ways of laying out pages.