0
Welcome Guest! Login
0 items Join Now

SOLVED main menu multi-colum drop down link shift

Last Post
Search Topic

  • SOLVED main menu multi-colum drop down link shift

    Posted 11 years 6 months ago
    • I've got two issues I keep revisiting, but cannot get fixed.

      1. Under "programs," when you roll over one of the menu item columns, there is a couple pixel shift. I may have introduced this, but I believe it's in the Gantry code to take into account the glow on rollover. Unfortunately, I can't seem to eliminate the shift.

      2. When you roll over the current area in the main nav (the one with the white top and bottom border), there is a 1px increase in the height of the header, pushing the page content down. Any idea what's causing this?

      3. (semi-related bonus question). Is there a way to get firebug to show/activate the hover so I can examine and play with the CSS? Of course, it shows when you hover on the nav, but disappears once you try to move down to the code.

      OMM
      Joomla 12.2.0
      Gantry 4.1.17
      URL http://clients.pixelalchemy.com/campjoy/website/
    • Last Edit: 11 years 6 months ago by davesnothere.
    • Dave Solko
      www.pixelalchemy.com
    #1024407
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED main menu multi-colum drop down link shift

    Posted 11 years 6 months ago
    • I'm looking at this for you...

      EDIT - Well I was until your site has stopped responding now?

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1024412

  • Re: SOLVED main menu multi-colum drop down link shift

    Posted 11 years 6 months ago
    • It's working for me right now. I'll check with my provider to see if anything is wrong with the machine.
    • Dave Solko
      www.pixelalchemy.com
    #1024476
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED main menu multi-colum drop down link shift

    Posted 11 years 6 months ago
    • Gosh that was hard to find that... You've written so much conflicting CSS it was hard to unpick.

      but this seems to work...
      ul.gf-menu .dropdown ul li:hover {
     padding-right: 6px;
}
ul.gf-menu .dropdown .grouped ol > li:hover > .item {
     padding-top: 2px;
}
ul.gf-menu .dropdown ul > li:hover ol {
     margin-left: -1px;
     margin-top: 7px;
}

      This is how to create a custom CSS compatible with Gantry 4...

      Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_fracture). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1024616

  • Re: SOLVED main menu multi-colum drop down link shift

    Posted 11 years 6 months ago
    • That did it. Thanks.

      Most of the CSS is trying to turn off the Gantry styling. I wish there was a stripped down version of gantry that didn't have all the styling -- keep the layout, but strip off the eye-candy. That would have cut my css in half.
    • Dave Solko
      www.pixelalchemy.com
    #1024918

Time to create page: 0.077 seconds