On the Joomla 3.3.1 site I have running at Robosane.net, the only dropdown menu that I have is experiencing a very odd problem, it's hard to explain.

When the menu is clicked, it does not pop up until the mouse leaves the hover area, then re-enters. The menu also does not close when it's parent is clicked.

The site is using both JQuery and Bootstrap Javascript Frameworks.

This is a custom template I made, here's how the frameworks are listed:

// Add Stylesheets

// Add current user information
$user = JFactory::getUser();

// Add JavaScript Frameworks
//$doc->addScript('templates/' .$this->template. '/js/jquery.js');
$doc->addScript('templates/' .$this->template. '/js/template.js');
$doc->addScript('templates/' .$this->template. '/js/bootstrap.js');

You can see how I intended for this to look by visiting robobenklein.github.io/robosan3, which is only a static mockup of the page.

Edit: When Javascript is merged, the problem no longer occurs, however the mobile menu collapse no longer closes once opened, and JS animations no longer function.

  • 1
    You are loading bootstrap twice. That could be the issue Mar 15, 2015 at 22:08
  • Check your console log too. You have some Javascript errors which won't help
    – Lodder
    Mar 16, 2015 at 13:31


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.