0
Welcome Guest! Login
0 items Join Now

Top Menu width how to extend?

  • Top Menu width how to extend?

    Posted 16 years 5 months ago
    • I use bentobox theme and drop-down style suckerfish menu.

      Is there a way to extend length (i.e. width) of drop down menu?

      I have some phrases which are to long but important enough not to shrink them, when put as sub menu titles, they do not fit into default length (width) sub menus. Sub menu is to short.

      Rgds
      eBinx
    • Yves's Avatar
    • Yves
    • Preeminent Rocketeer
    • Posts: 9214
    • Thanks: 5

    Re: Top Menu width how to extend?

    Posted 16 years 5 months ago
    • Increase these values in suckerfish.css:

      #nav-sub ul ul a:link,
      #nav-sub ul ul a:visited {
      display: block;
      text-decoration: none;
      width: 169px;
      text-transform: none;
      background: none;
      }

      #nav-sub li li {
      padding: 0;
      background: none;
      padding: 0;
      width: 170px;
      }

      #nav-sub li ul {
      top: 25px;
      position: absolute;
      z-index: 10;
      left: -999em;
      height: auto;
      width: 170px;
      font-weight: normal;
      border-width: 0;
      margin: 0;
      padding: 0;
      }
    • Yves
  • Re: Top Menu width how to extend?

    Posted 16 years 5 months ago
    • Thank you very much. Dziekuje bardzo (same in Polish). :)

      BTW
      I'm very glad that I found you, I mean the RocketTheme. First I got David Viney's "get to the top on google", then visited his website, spotted RocketTheme logo at the bottom, and found this website, RocketTheme website which is really great. Maybe menus are bit confusing at the begining, but the content...

      Best Regards
      Slawomir Piwowarczyk
      --
      I work as a cab driver and SEO strategist for London Gatwick Airport Taxi Services
  • Re: Top Menu width how to extend?

    Posted 15 years 11 months ago
  • Re: Top Menu width how to extend?

    Posted 15 years 11 months ago
    • techdirect wrote:
      I want to center the bottom menu of my template. How do I do that? Thanks. Here is the web link www.fiverevenuestreamsnow.com .
      Hello,

      Open your template_css.css at:
      <Joomla Root>/templates/<your template name>/css/template_css.css

      At the bottom of the lines, add below codes:
      #bottom-menu {margin-left: 300px;}
  • Re: Top Menu width how to extend?

    Posted 15 years 11 months ago
    • Thank you so much. We were going in circles with setting the module to be centered. Just so we know, why couldn't we use <div align=" center">?
  • Re: Top Menu width how to extend?

    Posted 15 years 11 months ago
    • Hello,

      You can use <div align="center"> too, but you will need to put that in the template index.php
      So better play with the css instead of the template index.php file

Time to create page: 0.079 seconds