Magento – mobile navigation not showing submenu

menumobilenavigationrwd

I am using "Argento" theme which is using tm navigation pro extension to display top navigation. I used the following script for top navigtion.

<script type="text/javascript">

document.observe("dom:loaded", function() {
    navPro("navigationpro-top", {
        show_delay: 100,
        hide_delay: 100,
        dropdown_side: "right"
    });
});
new accordion('navigationpro-top');
</script>


<script type="text/javascript">

document.observe('dom:loaded', function() {
    $('nav-top-toggle').observe('click', function() {
        $('nav-top-toggle').next().toggleClassName('shown');
    });
    new MobileNavigation();

    $('mobile-navigation-toggle').observe('click', function() {
        $('nav-top-toggle').next().toggleClassName('shown');
    });

});
</script>

The problem is if i click the mobile togglers it only shows main menu only. I couldn't track what i am missing. How to fix this?

Best Answer

Right click on the navigation menu and look for the css file responsible for it's style. Likely something like:

skin/frontend/yourtheme/default/css/theme.css

Make sure that there is no rule for desktop only on the navigation menu.

Related Solutions

Magento – Show a Category in Left-Side Menu Only

I had same problem, after some coding I made this in template/catalog/navigation/left.phtml:

first line:

<?php $ct = Mage::registry('current_category')->getID(); ?>

in the end of the file(before endif;)

<?php elseif( $ct == 92 || $ct == 85 || $ct == 224): ?>
<?php
$currentcategory = Mage::registry('current_category');
$subcategorys = explode(',' , $currentcategory->getChildren());


?>

<div class="block block-layered-nav">
    <div class="block-title">
        <strong><span><?php echo $this->__('Browse By') ?></span></strong>
    </div>
    <div class="block-content">
        <dl id="narrow-by-list2">
            <dt><?php echo $this->__('Category') ?></dt>
            <dd>
                <ol>
                <?php foreach($subcategorys as $cat): ?>
                     <?php $cate =  Mage::getModel('catalog/category')->load($cat); ?>
                    <li>

                        <a href="<?php echo $cate->getUrl()?>" <?php if ($this->isCategoryActive($cate)): ?> class="current"<?php endif; ?>><?php echo $this->escapeHtml($cate->getName()) ?>(<?php echo $cate->getProductCount() ?>) </a>                  
                    </li>
                <?php endforeach; ?>
                </ol>
            </dd>
        </dl>
        <script type="text/javascript">decorateDataList('narrow-by-list2')</script>
    </div>
</div>

<?php endif; ?>

Magento – Submenu Magento 1.9 not showing

I think i found a solution, after looking for hours onto google i found it myself.

Thank you all for viewing. To Tell you its in the renderer.phtml file change it like this an it will work.

$html = '';

$children = $menuTree->getChildren(); $parentLevel = $menuTree->getLevel(); $childLevel = is_null($parentLevel) ? 0 : $parentLevel + 1;

$counter = 1; $childrenCount = $children->count();

$parentPositionClass = $menuTree->getPositionClass(); $itemPositionClassPrefix = $parentPositionClass ? $parentPositionClass . '-' : 'nav-';

foreach ($children as $child) {
    $child->setLevel($childLevel);
    $child->setIsFirst($counter == 1);
    $child->setIsLast($counter == $childrenCount);
    $child->setPositionClass($itemPositionClassPrefix . $counter);

    $outermostClassCode = 'level'. $childLevel;
    $_hasChildren = ($child->hasChildren()) ? 'has-children' : '';

    $html .= '<li '. $this->_getRenderedMenuItemAttributes($child) .'>';

    $html .= '<a href="'. $child->getUrl() .'" class="'. $outermostClassCode .' '. $_hasChildren .'">'. $this->escapeHtml($this->__($child->getName())) .'</a>';

    if (!empty($childrenWrapClass)) {
        $html .= '<div class="'. $childrenWrapClass .'">';
    }

    $nextChildLevel = $childLevel + 1;

    if (!empty($_hasChildren)) {
        $html .= '<ul class="level'. $childLevel .'">';
        $html .=     '<li class="level'. $nextChildLevel .'">';
        $html .=         '<a class="level'. $nextChildLevel .'" href="'. $child->getUrl() .'">';
        /*$html .=             $this->__('View All ') . $this->escapeHtml($this->__($child->getName()));*/
        $html .=         '</a>';
        $html .=     '</li>';
        $html .=     $this->render($child, $childrenWrapClass);
        $html .= '</ul>';
    }

    if (!empty($childrenWrapClass)) {
        $html .= '</div>';
    }

    $html .= '</li>';

    $counter++; }

return $html;

Best Answer

Related Solutions

Magento – Show a Category in Left-Side Menu Only

Magento – Submenu Magento 1.9 not showing

Related Topic