WordPress.org

1. stanford
   Member
   Posted 1 year ago #

   On Safari and Chrome, but not Firefox, the sidebar links on this website are not working - http://educatenow.net/. The problem occurs on every page except the home page, though I cannot determine what is different on the home page.

   Would really appreciate if any Firebug & CSS masters here could help me out.

   Thanks,
   Stan

2. theotherlebowski
   Member
   Posted 1 year ago #

   for some reason all the system generated links in the resources and blog categories seem to be commented out in the code but underneath them there is a standard unordered list which is why they are displaying...

   why that's the case in terms of your code i don't know but my guess would possibly be a plugin playing up or maybe something got commented out during the design of the theme and it's templates and no-one caught it.

3. lockettpots
   Member
   Posted 1 year ago #

   I'm sure it is this empty div that is the problem.

   <div id="right-half"></div><!-- #right-half -->
   With the styling
   

   #right-half{
   	z-index:-10;
   	position:absolute;
   	left:50%;
   	top:0;
   	width:50%;
   	height:100%;
   	background-image:url('pattern-right.png');
   }

   Safari and Chrome have problems with negative z-index and so the div is effectively 'covering up' part of the sidebar so you cannot access the links. If you try a link towards the bottom of the sidebar (that is below the offending div) you will see that these links work.

   I've found that negative z-indexes are unreliable across browsers and I tend to avoid them now, using 'stacks' of positive ones instead

4. stanford
   Member
   Posted 1 year ago #

   Thanks for the quick responses.

   @theotherlebowski: The code is commented out because the client was going back and forth on what they wanted. (It was done before WP added custom menus in the back-end)

   @lockettpots: I tested removing that div completely and still have the problem, so that is not the problem unfortunately.

   I believe it has something to do with the container div, because when the links start working where that div stops.

5. theotherlebowski
   Member
   Posted 1 year ago #

   if you have access to it i'd try uncommenting it, especially if it's not commented for any specific reason.

Topic Closed

This topic has been closed to new replies.