3 Replies Latest reply: Dec 7, 2011 8:53 AM by SnakEyez02 RSS

    My spry horizontal menu drops then returns when clicked?

    INTYME1985 Community Member

      Hello,

       

      I recently updated my website to include a Facebook "Like" button with counter, and now my spry horizontal menu jumps up and down when you click a menu item?

       

      http://www.kansascitycrates.com/index.html

       

      I played around with the like button position in my template, before just adding it to the existing "Recommend" position at the top.  It is simply a 2 column 1 row table.

       

      What setting is causing the Spry horizontal menu to jump like that?

       

      Thanks in advance.

       

      John

        • 1. Re: My spry horizontal menu drops then returns when clicked?
          SnakEyez02 CommunityMVP

          Although I'm not quite sure why you need the table, that is the cause of the problem.  The table's width is 990px, the two cells combine to be 944px (494px and 450px).  Then you have an unnecessary set of P tags on line 354 that can be deleted.  Then should the menu be overlapping the header image or immediately after because that will make a difference for how to change the end of the code.  And lastly, you should add the attribute "no-repeat" to your background for the header in the CSS because on the right hand side I can see your header repeating and it doesn't feel like it should be.

          • 2. Re: My spry horizontal menu drops then returns when clicked?
            INTYME1985 Community Member

            Thank you SnakEyez02,

             

            I made the changes you suggested. The spry horizontal menu should be below the header background image.  Also, I put the Facebook plugins into a table, for lack of better understanding of controlling it's placement.  I would like both Facebook buttons to be even along the top.

             

            When I opened the template this morning, the last spry menu option (Testimonials) suddenly word wrapped (?) and began a second line under the first menu item (Contact).  So I played with adjusting it's width and font size. I haven't made any other template changes in 6 months and don't know why it "word wrapped"?

             

            Thank you again for your help. 

             

            JM

            • 3. Re: My spry horizontal menu drops then returns when clicked?
              SnakEyez02 CommunityMVP

              Ok.  Put the menu (ul) inside a div just after your header div.  And be sure to delete that extra set of P tags I was talking about.  They still appear on the site and are adding space that is unnecessary.  Also if you are going to use a table, just add the "valign=top" to the table cell (td) so that they line up.  It would look better that way.