Your slider is overlapping your nav bar. Since the slider is not linked and it is overlapping you cannot get to the links. I see that you have added “Position: relative;” to the slider. In order to shift it down simply add the following. You can adjust the pixels to be correct.
#slider {
position: relative;
top: 20px;
}
Thats great, totally fixed the non working links.
Any way to remove the space at the top and bottom of the nav links though?
The reposition has also caused the slider to sit on top of the content below. Any idea on how to fix that too?
OHHHHHH!!! I see your issue!
Actually get rid of the following css. Specifying the height of the header was causing the slider to shift up to where the 168px ended which was then overlapping the nav bar. So by getting rid of all this css you will actually solve the issue!
CSS to GET RID OF!
#header {
height: 168px;
}
#slider {
position: relative;
top: 40px;
}
That did it, thanks mate!!
