We help IT Professionals succeed at work.

html menu fixed in top interferes with anchor

joyacv2
joyacv2 asked
on
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?
Comment
Watch Question

Top Expert 2015
Commented:
My attempt at a solution. Seems to work:

http://jsfiddle.net/tommyBoy/hh9taaap/

Author

Commented:
Thanks Tom, works perfect!
Top Expert 2015

Commented:
You're welcome. Thanks for the points.