Submenus won't show

Home Forums Older releases 0.9.x Submenus won't show

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1328
    DragonWhimsy
    Participant

    Hopefully you’ll be able to help me, I’m trying to use SmartMenus on my own custom menu and I can’t seem to get it to work. I’m sure it’s something very simple I’m not seeing but I’m not the most familiar with JQuery. I think I’ve referenced all the correct paths to the external JS files.

    The site can be found here: http://69.89.31.123/~whimsie6/50-wise-site/

    Any help you could give me would be greatly appreciated. I’ve been tearing my hear out about this all evening (almost literally!).

    #1588
    admin
    Keymaster

    Hi, the main issue that produces a JS error is that your menu structure is not valid – i.e. the following:

    <li class="four columns alpha omega"><a href="#" class="categories-btn">Categories</a></li>
        <ul>
            <li><a href="#">Business</a></li>
            <li><a href="#">Education</a></li>
            <li><a href="#">Entertainment/arts/literature</a></li>
            <li><a href="#">Government</a></li>
            <li><a href="#">Journalism</a></li>
            <li><a href="#">Law/criminal justice</a></li>
            <li><a href="#">Religion</a></li>
            <li><a href="#">Sports/recreation/adventure</a></li>
        </ul>

    should look like this (the closing LI tag should be after its sub UL element):

    <li class="four columns alpha omega"><a href="#" class="categories-btn">Categories</a>
        <ul>
            <li><a href="#">Business</a></li>
            <li><a href="#">Education</a></li>
            <li><a href="#">Entertainment/arts/literature</a></li>
            <li><a href="#">Government</a></li>
            <li><a href="#">Journalism</a></li>
            <li><a href="#">Law/criminal justice</a></li>
            <li><a href="#">Religion</a></li>
            <li><a href="#">Sports/recreation/adventure</a></li>
        </ul>
    </li>

    The next thing is that you have this rule:

    .navigation a {    
        text-indent:-300em;
        ...
    }

    in http://69.89.31.123/~whimsie6/50-wise-site/style.css which affects the sub menus’ text and it is currently invisible. You could fix this, for example, by using another rule like:

    #main-menu ul a {
    	text-indent:0;
    }

    Apart from fixing these, you just need to style your sub menus as you like.

    Cheers!

    #1591
    DragonWhimsy
    Participant

    Thank you for the help and the quick response. You are a lifesaver! I will certainly be recommending SmartMenus in the future. 🙂

    #1592
    admin
    Keymaster

    Np, cheers! 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.

Register

You will be emailed a link to set your password.

Login

Lost password?