Joomla ver. 3 menu dropdown not working if not on active page

StackOverflow https://stackoverflow.com/questions/20419139

  •  29-08-2022
  •  | 
  •  

Question

I have this Joomla 3.2 site which is still under development. For some reason, the dropdown effect on mouseover does not seem to work except when one is on the active page.

Am using a free template btw. Any ideas on troubleshooting this? No added menu extension has been used. All out of the box. Thinking this might be a js tweak, but been looking around and couldn't identify what and where...

An example of dropdown appearing is when you are on Project Sites and Contact Us sections.

A sample code of index.php that might help. Many thanks!

    <?php
defined( '_JEXEC' ) or die( 'Restricted access' );
$LeftMenuOn = ($this->countModules('position-4') or $this->countModules('position-5') or $this->countModules('position-7'));
$RightMenuOn = ($this->countModules('position-6') or $this->countModules('position-8'));
$TopNavOn = ($this->countModules('position-13'));

$app = JFactory::getApplication();
$sitename = $app->getCfg('sitename');
$sitetitle = $this->params->get('sitetitle');
$sitedescription = $this->params->get('sitedescription');

$logopath = $this->baseurl . '/templates/' . $this->template . '/images/logo.gif';
$logo = $this->params->get('logo', $logopath);
$logoimage = $this->params->get('logoimage');
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
    <jdoc:include type="head" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" />
    <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
    <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/sfhover.js"></script>
</head>
<body>
<div id="wrapper">

    <div id="header">

        <!-- TopNav -->
        <?php if($TopNavOn ): ?>
        <div id="topnav">
            <jdoc:include type="modules" name="position-13" style="xhtml" />
        </div>
        <?php endif; ?>     


        <!-- Logo -->
        <div id="logo">

            <?php if ($logo && $logoimage == 1): ?>
                <a href="<?php echo $this->baseurl ?>"><img src="<?php echo htmlspecialchars($logo); ?>"  alt="<?php echo $sitename; ?>" /></a>
            <?php endif; ?>
            <?php if (!$logo || $logoimage == 0): ?>

                <?php if ($sitetitle): ?>
                    <a href="<?php echo $this->baseurl ?>"><?php echo htmlspecialchars($sitetitle); ?></a><br/>
                <?php endif; ?>

                <?php if ($sitedescription): ?>
                    <div class="sitedescription"><?php echo htmlspecialchars($sitedescription); ?></div>
                <?php endif; ?>

            <?php endif; ?>

        </div>

        <!-- Search -->
        <div id="search">       
            <jdoc:include type="modules" name="position-0" />
        </div>
    </div>

    <div id="topmenu">
        <jdoc:include type="modules" name="position-1" />
    </div>
    <br style="clear:both" />

    <!-- Breadcrumbs -->
    <?php if ($this->countModules('position-2')): ?>
    <div id="breadcrumbs">
        <jdoc:include type="modules" name="position-2" />
    </div>
    <?php endif; ?>


    <!-- Left Menu -->
    <?php if($LeftMenuOn ): ?>
    <div id="leftmenu">
        <jdoc:include type="modules" name="position-7" style="xhtml" />
        <jdoc:include type="modules" name="position-4" style="xhtml" />
        <jdoc:include type="modules" name="position-5" style="xhtml" />
    </div>
    <?php endif; ?>


    <!-- Contents -->
    <?php if($LeftMenuOn AND $RightMenuOn): ?>
    <div id="content-w1">
    <?php elseif($LeftMenuOn OR $RightMenuOn): ?>
    <div id="content-w2">   
    <?php else: ?>
    <div id="content-w3">   
    <?php endif; ?>

        <?php if ($this->countModules('position-12')): ?>
        <div id="content-top">
            <jdoc:include type="modules" name="position-12" />
        </div>
        <?php endif; ?>

        <jdoc:include type="message" />
        <jdoc:include type="component" />
    </div>


    <!-- Right Menu -->
    <?php if($RightMenuOn ): ?>
    <div id="rightmenu">
        <jdoc:include type="modules" name="position-6" style="xhtml" />
        <jdoc:include type="modules" name="position-8" style="xhtml" />
        <jdoc:include type="modules" name="position-3" style="xhtml" />
    </div>
    <?php endif; ?>


    <!-- Footer -->
    <div id="footer">
        <jdoc:include type="modules" name="position-14" />
    </div>

    <div id="push"></div>

</div>
Was it helpful?

Solution

Open the Menu Module in the Joomla Administrator, underneath the Options find Show Sub-menu Items and click Yes

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top