Would anyone have some clue on this issue I cannot manage to find a fix for: On homepage www.vertu-approved.fr none of the links in the left menu are working after I made the following small change in the website home.php file:
BEFORE:
<body>
<div id="main_container">
<? include ("media/includes/header.php")?>
<?include ("media/includes/leftmenu2.php")?>
AFTER:
<body>
<?include ("media/includes/leftmenu2.php")?>
<div id="main_container">
<? include ("media/includes/header.php")?>
Since I moved <?include ("media/includes/leftmenu2.php")?> above the <div id="main_container"> all links in the leftmenu2 have stopped working.
The issue is happening in Safari, Firefox and Chrome.
So far I have verified in both home.php and leftmenu2.php that all <div> have an associated closing </div> tag positioned at the right place.
Ps. Quite surprisingly if I intentionally remove the final closing </div> in leftmenu2.php it makes the links clickable again (but messes out the whole page page structure & formatting).
I have read that the issue may be caused because home.php is at the website root directory while leftmenu2.php is located in a sub folder. However leftmenu2.php path i.e. media/includes/leftmenu2.php appears fine to me, and with this same path things were working fine before I made that initial small change.
How can I get the links to be clickable again while keeping leftmenu2.php outside the <div id="main_container">?
Many thanks
Add this rule to #middleleft_pan in your stylesheet (style.css line number 135),
#middleleft_pan{
position: relative;
z-index: 2;
}
Explanation: I see a <div> with ID main_container which is stacking above your menu. So your menu does not get the mouse over.