display:none / block problem

[jjee]

Hi, I have a problem while I’m making my website.
I have div menu and I made this visible when the menu is clicked.
The below link is my website,
jjee.graphics

On my website, there are three menus – chronicle, media and span.
I used below css(display: none and :block) to make the menu appears when user click the menu.

#chronicle {
position: absolute;
width: 100%;
height: 150px;
margin: -19px 0px 0px 0px;
z-index: 99999999;
display: none;
color: #595959;
}
#chronicle_2:target {
display: block;
}

But if I click the menu, the website isn’t the top of the screen. When I click the menu, the menu is the top of the screen and then it goes down to the proper position. It looks like a blink. Or sometimes the menu is the top and doesn’t move down. I don’t know how I can fix it?

Thank you in advance!

[Paulie_D]

We’d need a demo in Codepen.io with just enough code to demonstrate the issue rather than a small piece of code an a link.

[Author]

Posts