html menu fixed in top interferes with anchor

Hi,

I have a menu with a fixed position,

<div id="header">

<header>
  <nav><a href="#wall_package_prints">WALL PACKAGE PRINTS</a></nav>
   
</header>

Open in new window


css code:

#header {
	background-color: rgba(205,205,205,1.00);
	width: 1024px;
	height: 110px;
	position: fixed;
	top: 0px;
    }

Open in new window


i want to when the user clicks the link, the anchor appears under the menu and not in the top of the window browser below the menu, what i can do?
LVL 1
joyacv2Asked:
Who is Participating?
 
Tom BeckCommented:
My attempt at a solution. Seems to work:

http://jsfiddle.net/tommyBoy/hh9taaap/
0
 
joyacv2Author Commented:
Thanks Tom, works perfect!
0
 
Tom BeckCommented:
You're welcome. Thanks for the points.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.