How to integrate navbar style into wordpress

  • Resolved scottiescotsman

    (@scottiescotsman)


    8 years, 5 months ago

    Hi I have a working style for my fixed header navbar in bootstrap and was wondering how I integrate it into wordpress. i.e.

    <?php
                            
                                $args = array(
                                
                                    'theme_location' => 'primary'
                                
                                );
                            
                            ?>
                            
                            <?php wp_nav_menu( $args ); ?>

    somewhere like that or ?

    Thanks
    Steven

Viewing 8 replies - 1 through 8 (of 8 total)

  • This can be useful: https://github.com/twittem/wp-bootstrap-navwalker

    Thread Starter scottiescotsman

    (@scottiescotsman)

    this is for drop down menus ?? I just have a bootstrap nav style not a drop down menu.

    Thread Starter scottiescotsman

    (@scottiescotsman)

    anyone any ideas ?

    Can you show your nav HTML?

    Thread Starter scottiescotsman

    (@scottiescotsman)

    here is the code you asked to see 

    <div class="collapse navbar-collapse" id="mainNavbar"><!-- NAVBAR COLLAPSE -->        
                        
                        <div class="site-nav"><!-- SITE NAV -->
                        
                            <?php
                            
                                $args = array(
                                
                                    'theme_location' => 'primary'
                                
                                );
                            
                            ?>
                            
                            <?php wp_nav_menu( $args ); ?>
                            
                        </div><!-- ./SITE NAV -->
                        
                    </div><!-- NAVBAR COLLAPSE -->

    hope this helps you to help me ??
    Steven

    No, I want to see the output HTML of navbar you want.

    Thread Starter scottiescotsman

    (@scottiescotsman)

    oh sorry lol

    <div class="collapse navbar-collapse" id="navbarCollapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="nav-item">
                        <a class="nav-link sliding-middle-out" href="#about">ABOUT</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link sliding-middle-out" href="#skills">SKILLS</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link sliding-middle-out" href="#services">SERVICES</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link sliding-middle-out" href="#projects">PROJECTS</a>
                    </li>              
                    <li class="nav-item">
                        <a class="nav-link sliding-middle-out" href="#blog">BLOG</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link sliding-middle-out" href="#contact">CONTACT</a>
                    </li>
                </ul>
            </div>

    just need the sliding-middle-out class attached

    here you go.
    Steven

    Thread Starter scottiescotsman

    (@scottiescotsman)

    I figured out you can add the styles in the options in wordpress, but when I added them it looked as if they where not connected to the bottom of the navbar, so hence the height of the navbar had increased. ..

    someone please help ??

    Steven

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to integrate navbar style into wordpress’ is closed to new replies.