We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 3722
    • 171 Posts
    I am using Revo and have a Wayfinder menu set up using the CSSPlay basic dropdown.
    The problem I am having is that the class "menu" is assigned to the <div> and <li> classes.
    What this does is apply the css styling TWICE to the inner li class.
    The menu tabs affected will have twice the font size and spacing as the regular menu tabs.

    Here is my source output code:

    <div id=’navbar’ class="clear span-15">
    <div class="menu">
    <ul>
    <li class="first"><a href="home.html" title="Home">Home</a></li>
    <li><a class="hide" href="team/" title="Team">Team</a>
    <!-->
    <a class="sub" href="team/" title="Team">Team
    <table><tr><td>
    <!-->
    <ul>
    <li class="first"><a href="team/players.html" title="Players">Players</a></li>
    <li><a href="team/coaches.html" title="Coaches">Coaches</a></li>
    <li class="last"><a href="team/cheerleaders.html" title="Cheerleaders">Cheerleaders</a></li>

    </ul>

    <!-->
    </td></tr></table>
    </a>
    <!-->
    </li>
    <li class="menu"><a href="schedule.html" title="Schedule">Schedule</a></li>
    <li class="menu"><a href="field.html" title="Field">Field</a></li>
    <li class="active"><a href="fans.html" title="Fans">Fans</a></li>
    <li class="menu"><a href="contact.html" title="Contact">Contact</a></li>
    <li class="menu"><a href="blog.html" title="Blog">Blog</a></li>

    </ul>
    </div>
    </div>

    NOTE: The "team" tab is a dropdown.

    The active and last classes show up fine.
    I have tried different css methids but not able to figure this one out.

    Thanks
    BG66
      • 22427
      • 793 Posts
      You should give us your Wayfinder calls and templates, otherwise it’s hardly possible to help.
        • 3722
        • 171 Posts
        ok, I solved the problem. Fixed with CSS.

        The font sizing in my ".menu" style was "font-size: 1.2em;"
        This caused the menu items that were not ".active" or ".last" to be multiplied 1.2 times.

        The other problem was with the margin settings.
        Those to were doubled in the other calls.
        I fixed it with padding styles just for the top and left.
        	padding-left: 42px;
        	padding-top: 7px;


        Hope this helps someone else.
        Thanks
        BG66
          • 10257
          • 55 Posts
          I stumpled upon the same problem trying to convert an evo site to revo. The calls are from the example page http://muddydogpaws.com/development/wayfinder/examples/example-2.html

          Seems like the parentClass copies the outerClass in the newer Wayfinder script.