Login

[Stingray]

Hello,

I need help adjusting the width of the sub-items in superfish navbar. Here is what the problem looks like:




Do I need to get rid of the last item or could I change something that will allow me to keep all my items in place?


The js and css files are here

http://www.artsbrevard.org/js/superfish.js
http://www.artsbrevard.org/css/superfish.css
http://www.artsbrevard.org/css/superfish-navbar.css

[Suffer]

let me think...

[Johnathan]

Could we see the HTML as well please?

[Stingray]

Could we see the HTML as well please?

Code: Select all

<!-- SuperFish Menu -->
<ul class="sf-menu sf-navbar">
<li class="current">

  <a href="http://www.artsbrevard.org/events/events_list.html" class="sf-with-ul" style="background-color: orange;"><strong>CALENDAR</strong><span class="sf-sub-indicator"> &#187;</span></a>
  <ul>
    <li><a href="http://www.artsbrevard.org/events/events_list.html">All Events</a></li>
    <li><a href="http://www.artsbrevard.org/events/39/event_browse_by_cat.html">Ongoing Events</a></li>
  </ul>
</li>
<li><a href="http://www.artsbrevard.org/rs/organisation.html" class="sf-with-ul"><strong>ORGANIZATIONS</strong><span class="sf-sub-indicator"> &#187;</span></a>

   <ul>
      <li><a class="des">Member cultural organizations in the county.</a></li>
   </ul>   
</li>

<li><a href="http://www.artsbrevard.org/rs/artist.html" class="sf-with-ul"><strong>ARTISTS</strong><span class="sf-sub-indicator"> &#187;</span></a>
   <ul>
      <li><a class="des">Member artists in the county.</a></li>

   </ul>   
</li>

   <li><a href="http://www.artsbrevard.org/docs/for-artists.html" class="sf-with-ul"><strong>FOR ARTISTS</strong><span class="sf-sub-indicator"> &#187;</span></a>
      <ul>
         <li><a href="http://www.artsbrevard.org/docs/art-in-public-places.html"">Art in Public Places</a></li>
         <li><a href="http://www.artsbrevard.org/docs/bca-workshops.html">BCA Workshops</a></li>
      </ul>

   </li>
   
   <li><a href="http://www.artsbrevard.org/docs/for-cultural-organizations.html" class="sf-with-ul">&nbsp;<strong>FOR CULTURAL ORGANIZATIONS</strong>&nbsp;<span class="sf-sub-indicator"> &#187;</span></a>
      <ul>
         <li><a href="http://www.artsbrevard.org/docs/arts-license-plate-mini-grants.html">Arts License Plate Mini Grants</a></li>
         <li><a href="http://www.artsbrevard.org/docs/cultural-grants.html">Cultural Grants</a></li>
         <li><a href="http://www.artsbrevard.org/docs/cultural-arts-advisory-network.html">Cultural Arts Advisory Network</a></li>

         <li><a href="http://www.artsbrevard.org/docs/candidates-forum.html">Candidates Forum</a></li>         
         <li><a href="http://www.artsbrevard.org/docs/ccubca-half-price-membership_127.html">CCU/BCA Half Price Membership</a></li>
      </ul>
   </li>
   
   <li><a href="http://www.artsbrevard.org/docs/for-the-community_134.html" class="sf-with-ul">&nbsp;&nbsp;<strong>FOR THE COMMUNITY</strong><script language="Javascript1.5"
        type="text/javascript">if (BrowserDetect.browser =="Firefox") {document.write("&nbsp;");}</script>&nbsp;<span class="sf-sub-indicator"> &#187;</span></a>
      <ul>
         <li><a href="http://www.artsbrevard.org/docs/community-residencies.html">Community Residencies</a></li>

         <li><a href="http://www.artsbrevard.org/docs/congressional-art.html">Congressional Art</a></li>
         <li><a href="http://www.artsbrevard.org/docs/excellence-in-visual-art.html">Excellence in Visual Art</a></li>
         <li><a href="http://www.artsbrevard.org/docs/artists-in-schools-residencies_132.html">Artists in Schools Residencies</a></li>
      </ul>
   </li>
   
</ul>
<!-- End SuperFish Menu -->

<br style="clear: left">


[Stingray]

OK I found a solution to this. Thanks.