0
Welcome Guest! Login
0 items Join Now

css menu dropdown

  • css menu dropdown

    Posted 13 years 11 months ago
    • I did get regular drop down menus to work in gantry by editing the gantry.css file. If anyone is interested in my method just replace everything under the /*Menu*/ section in the gantry.css file with the following:

      #rt-menu, #rt-menu ul {
      padding: 0;
      margin: 0;
      list-style: none;
      }

      #rt-menu a {
      padding: 5px 15px 5px 15px;
      width: auto;
      display: block;
      }


      #rt-menu li {
      float: left;
      display: block;
      width: auto;
      }

      #rt-menu li li {
      float: none;
      display: block;
      width: auto;
      }

      #rt-menu li li a{
      float: none;
      display: block;
      width: auto;
      }

      #rt-menu li ul {
      position: absolute;
      background: #bebebe;
      width: 210px;
      left: -999em;
      z-index: 1000;
      }

      #rt-menu li:hover ul, #rt-menu li.sfhover ul {
      left: auto;
      }


      This method does have a few bugs, it has not been tested in IE and there is an issue with the "active" menu icons displaying with an all white background, but it is a good starting point for those who will probably want to customize their own menus anyway.

      Again this has nothing to do with Roknavmenu at all - it is just a way to get regular suckerfish drop downs to work in gantry.
    • Kat05's Avatar
    • Kat05
    • Preeminent Rocketeer
    • Posts: 25898
    • Thanks: 334

    Re: css menu dropdown

    Posted 13 years 11 months ago
    • hi there,

      i decided to split your post from the original topic which was roknavmenu related and also renamed your topic to a more suitable title. thanks for submitting your code changes.

      just as an information, there is a css dropdown included in the free gantry template quasar as described here:
      demo.rockettheme.com/free/quasar/tutorials/menu-setup

      kat :)
    • Kat05 / QA Lead & Support / Germany

Time to create page: 0.047 seconds