Links not working at top of #content

[closed]

(3 posts)

Tags:

stormy
Member

I have reduce the size of the header and now there is a 'dead' area at the top of #content where links don't work. I have checked the css #branding, #heading, #access and #main to make sure the area isn't hidden by another div. I did add a menu widget there temporarily which is now removed. What could be causing the problem? I wondered if the temporary menu could have left a ghost area behind?

Posted 1 year ago #
ScottNix
Member
If you can't locate it in firebug, I would suggest possibly trying a technique of giving a div, ul, li, span, etc... a transparent background image. This will "light up" the containers which gives all the elements a background.

Example,
```
div { background: rgba(100, 100, 100, 0.2); }
ul { background: rgba(100, 100, 100, 0.2); }
li { background: rgba(100, 100, 100, 0.2); }
span { background: rgba(100, 100, 100, 0.2); }
```
Try one at a time and see if something is overlapping, but you won't receive much help here because it is almost impossible to troubleshoot this kind of stuff without an example.
Posted 1 year ago #
stormy
Member

Thanks ScottNix for the suggestions which really helped. It has taken a lot of tracking down but I think it was some links in a left aside which were extending across the content and masking the content links.

Posted 1 year ago #

Topic Closed

This topic has been closed to new replies.