Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Robert Niemczewski
Robert Niemczewski
4,560 Points
Posted by Robert Niemczewski
Robert Niemczewski
4,560 Points

Bootstrap Menu on WordPress

Hi all,

First of all thanks to Zac for making amazing tutorial on bootstrap to WordPress, I just went from html/css to bootstrap and now going to WordPress.

Here is the site in WordPress: tomaszski.com, now I have a little problem with tomaszski.com/final because the menu won't open down or up when on responsive screens, any ideas why?

Thanks again

<div class="navbar navbar-default"> <div class="container"> <button class="navbar-toggle" data-toggle="collapse" data-target=".navheader"> <span class="glyphicon glyphicon-cutlery"></span> </button> <div class="collapse navbar-collapse navheader" role="navigation"> <ul class="nav navbar-nav navbar-right"> <?php $args = array( 'menu' => 'header-menu', 'menu_class' => 'nav navbar-nav navbar-right navheader' ); wp_nav_menu( $args ); ?> </ul> </div> </div><!-- end of container --> </div><!-- end of navigation -->

Hayden Taylor
Hayden Taylor
5,076 Points
Hayden Taylor
Hayden Taylor
5,076 Points

use this as a reference. your code is to messy for me to work with.

<nav class="navbar navbar-default" role="navigation">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Brand</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>
      <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </form>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Link</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

2 Answers

Robert Niemczewski
Robert Niemczewski
4,560 Points
Robert Niemczewski
Robert Niemczewski
4,560 Points

Sorry.

<div class="navbar navbar-default">
            <div class="container">
                <button class="navbar-toggle" data-toggle="collapse" data-target=".navheader">
                    <span class="glyphicon glyphicon-cutlery"></span>
                </button>
                <div class="collapse navbar-collapse navheader" role="navigation">
                        <ul class="nav navbar-nav navbar-right">
                            <?php
                        $args = array(
                            'menu' => 'header-menu',
                            'menu_class' => 'nav navbar-nav navbar-right navheader'
                            );
                            wp_nav_menu( $args );
                            ?>
                        </ul>
                </div>
Konrad Pilch
Konrad Pilch
2,435 Points
Konrad Pilch
Konrad Pilch
2,435 Points

Hey, how did things go for you now?

Its over a year now, what did you learn etc.. if you dont mind, im jsut curious :D