WordPress.org

Ready to get started?Download WordPress

Forums

wp_nav_menu for suckerfish navigation (1 post)

  1. askwpcoach
    Member
    Posted 1 year ago #

    Hello,

    I am coding this html/css template: into a theme.

    I am stuck on the navigation menu. It is using sf-menu in the ul

    Here is the html:

    <ul class="sf-menu">
          <li><a href="<?php bloginfo('stylesheet_directory'); ?>/index.html">Home</a>
            <ul>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/index.html">Default Home</a></li>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/index_blog.html">Blog Style Home</a></li>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/index_portfolio.html">Portfolio Style Home</a></li>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/index_video.html">Video Style Home</a></li>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/index_static.html">Static Style Home</a></li>
              <li><a href="#">Slider Types</a>
                <ul>
                  <li><a href="<?php bloginfo('stylesheet_directory'); ?>/index_blur.html">With Blur Effect</a></li>
                  <li><a href="<?php bloginfo('stylesheet_directory'); ?>/index_ken_burns.html">With Ken Burns Effect</a></li>
                  <li><a href="<?php bloginfo('stylesheet_directory'); ?>/index_fade.html">With Fade Effect</a></li>
                  <li><a href="<?php bloginfo('stylesheet_directory'); ?>/index_slices.html">With Slices Effect</a></li>
                  <li><a href="<?php bloginfo('stylesheet_directory'); ?>/index_blinds.html">With Blinds Effect</a></li>
                  <li><a href="<?php bloginfo('stylesheet_directory'); ?>/index_squares.html">With Squares Effect</a></li>
                  <li><a href="<?php bloginfo('stylesheet_directory'); ?>/index_blast.html">With Blast Effect</a></li>
                  <li><a href="<?php bloginfo('stylesheet_directory'); ?>/index_stack.html">With Stack Effect</a></li>
                  <li><a href="<?php bloginfo('stylesheet_directory'); ?>/index_stack_vertical.html">With Stack-Vertical Effect</a></li>
                  <li><a href="<?php bloginfo('stylesheet_directory'); ?>/index_accordion.html">Accordion Slider</a></li>
                </ul>
              </li>
            </ul>
          </li>
          <li><a href="<?php bloginfo('stylesheet_directory'); ?>/about.html">About Us</a></li>
          <li><a href="<?php bloginfo('stylesheet_directory'); ?>/service.html">Our Service</a></li>
          <li><a href="<?php bloginfo('stylesheet_directory'); ?>/team.html">Our Team</a></li>
          <li><a href="<?php bloginfo('stylesheet_directory'); ?>/testimonials.html">Testimonials</a></li>
          <li><a href="#">Blog</a>
            <ul>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/blog.html">Blog</a></li>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/single_post.html">Single Post</a></li>
            </ul>
          </li>
          <li><a href="#">Features</a>
            <ul>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/column_layout.html">Column Layout</a></li>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/full_width.html">Full Width</a></li>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/typography.html">Typography</a></li>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/elements.html">Elements</a></li>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/pricing_table.html">Pricing Table</a></li>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/404.html">404 Page</a></li>
              <li><a href="#">Second Level Menu</a>
                <ul>
                  <li><a href="#">Example</a></li>
                  <li><a href="#">Example</a></li>
                  <li><a href="#">Example</a></li>
                </ul>
              </li>
            </ul>
          </li>
          <li><a href="#">Portfolio</a>
            <ul>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/portfolio_classic.html">Portfolio Classic</a></li>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/portfolio_2_column.html">Portfolio 2 Column</a></li>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/portfolio_3_column.html">Portfolio 3 Column</a></li>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/portfolio_4_column.html">Portfolio 4 Column</a></li>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/video_gallery.html">Video Gallery</a></li>
              <li><a href="<?php bloginfo('stylesheet_directory'); ?>/portfolio_detail.html">Portfolio Detail</a></li>
            </ul>
          </li>
          <li><a href="<?php bloginfo('stylesheet_directory'); ?>/contact.html">Contact Us</a></li>
        </ul>

    I have tried:
    <?php wp_nav_menu( array('items_wrap' => '<ul class="sf-menu">%3$s')); ?>

    With no luck.

    Any help is appreciated.

Topic Closed

This topic has been closed to new replies.

About this Topic