I am having problems with my website menu bar navigation. When I click exactly on the page name or just above the page name, it is directing to my home page but not the page I clicked. If I click below the page name on the menu bar, then the page is opening. I want the page to open when I click anywhere on the navigation menu. Can someone please tell me how can correct this?
the div#logo element has a child anchor that is extending down into the nav area. I’d look into fixing that anchor (or placing it where you want). A quick and dirty fix would be to add overflow: hidden; to #header.
edit// just looked into it further. you have top padding on the header and then pull the anchor’s image up almost that same amount with relative positioning. Remove the top padding from #header. Increase #header height by same amount (change to 132px). Remove relative positioning and top from the image.