2 Replies Latest reply: Sep 1, 2013 5:35 PM by jefferis RSS

    Almost there! Need a little help with CSS Menu

    jefferis Community Member
    jefferis Aug 30, 2013 11:28 AM

      Hi folks,

      I am almost there with a menu system.  The problems I discovered were mostly to do with layout.css nav elements interfering with my custom code.   http://bendannie2.businesscatalyst.com/flexi2.html 

      Here are the problems I can't seem to resolve.

       

      1. There appears a red diamond list element and I can't seem to remove it or find it in the Inspector on any css link
      2. the secondary menus blink and are hard to select on hover over tertiary menus (see On Sale>Cartier> )
      3. the tertiary menus are a little crowded towards the secondary menus.
      4. the css classes in inspector seem to repeat ad infinitum

       

      Any help most deeply appreciated...

      BTW, it works better on a smart phone!

      Jeff

        • 1. Re: Almost there! Need a little help with CSS Menu
          Dave Black Community Member
          Dave Black Aug 31, 2013 12:59 PM (in response to jefferis)

          To remove the diamond, delete that background style on line 244 of base.css

          red-diamond.gif

          • 2. Re: Almost there! Need a little help with CSS Menu
            jefferis Community Member
            jefferis Sep 1, 2013 5:35 PM (in response to Dave Black)

            Thanks, Don't know why I didn't see that... 

             

            I'm stil having a problem with the hover area for selecting sub menus... The problem appears to be the js, I think!, I'm not qualified to analyze jquery. 

             

            The behaviors are as follows:

            1. The On Sale submenus stay active even when you roll off that menu and select another.
            2. The hover area after the first scrollover appears to be below the existing text of the top level and not on the text itself.
            3. there is something going on as you scroll down  through the submenus where they are blinking on and off as you pass each sub tab...   This uses jQuery 1.7.2, so if that has been fixed in a later edition, I don't know... 

             

            Perhaps it is the way I set the CSS but I didn't, to my knowledge, change a hover/selection area for the menus...

             

            TIA,

            JEff