Support » Fixing WordPress » How to integrate navbar style into wordpress

  • Resolved scottiescotsman

    (@scottiescotsman)


    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 is for drop down menus 🙁 I just have a bootstrap nav style not a drop down menu.

    anyone any ideas ?

    Can you show your nav HTML?

    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.

    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

    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.