Help!

Hey Oliver,

There is a lot going on here so let me see what I can do to help.

The “Site Name” and “Site Description” code is located in the template-part-head.php file which is the file you should be duplicating for your child theme.

So first thing is to make sure you have that file name right. ??

You can email me [email protected] if you want me to take a look at your file and you can explain to me how you are implementing these “Social Links.” Plugin? Hard coded?

The navigation CSS follows all of the Bootstrap 3.0.3 ‘s nav components.
https://getbootstrap.com/components/ More Info here about that.

Below is an example of a modified template-part-topnav.php that will add a search form to your top menu on the right. You might not want to change the search form all over your site with a searchform.php. If you do you can simply create it for the child theme.

<?php if ( has_nav_menu( 'main_menu' ) ) : ?>

    <div class="row dmbs-top-menu">
        <nav class="navbar navbar-inverse" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-1-collapse">
                        <col-md- class="sr-only">Toggle navigation</col-md->
                        <col-md- class="icon-bar"></col-md->
                        <col-md- class="icon-bar"></col-md->
                        <col-md- class="icon-bar"></col-md->
                    </button>
                </div>
                <div class="collapse navbar-collapse navbar-1-collapse">
                    <?php
                    wp_nav_menu( array(
                            'theme_location'    => 'main_menu',
                            'depth'             => 2,
                            'container'         => '',
                            'container_class'   => '',
                            'menu_class'        => 'nav navbar-nav',
                            'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                            'walker'            => new wp_bootstrap_navwalker())
                    );
                    ?>
                    <form class="navbar-form navbar-right" role="search">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Search" name="s" id="search" value="<?php the_search_query(); ?>">
                        </div>
                        <button type="submit" class="btn btn-default">Submit</button>
                    </form>
                </div>
            </div>
        </nav>
    </div>

<?php endif; ?>

No – it’s just going to be a simple Facebook / Twitter icon with it going to appropriate page beside the logo.

It’s the same files I’ve copied from the theme itself that i put into my child folder but no luck

I forgot to say I’m using my child theme but including it the way you mentioned it on your site and copied the directories just like your child theme.

You’ll need to send me a link or give me some access oliver. If you want my help. ??

Well – discovered CSS issue was down to Minify plugin causing errors and wasn’t allowing updates.

I’ve tried various Navbar CSS but no luck.

I’d like to put in a copyright into a footer but there’s no footer page – only footer menu.

Anymore advice please? Cheers!

I didn’t want to over complicate things with widgets everywhere clogging up the code. The footer is accessible via the footer.php file. Again, you can duplicate this file for your child theme and hard code your copyright or add some widget areas down there via your functions.php file.

You’ll have to link me to your project Oliver if you want me to advise you on the Navigation trouble or post your code.

Again, you can email me [email protected] and I’d be happy to help if you are uncomfortable posting the code here.

– Danny

The CSS Coding is the following (not shy after all CSS is viewable by anyone!)

a:link {font-weight: bold;color:rgb(0,255,0);}      /* unvisited link */
a:visited {font-weight: bold;color:rgb(0,255,0);}  /* visited link */
a:hover {font-weight: bold;color:rgb(0,255,0);}  /* mouse over link */
a:active {font-weight: bold;color:rgb(0,255,0);}  /* selected link */

.dmbs-container {
background:rgba(16,57,159,0.8);
  color:#40FF40;
}

.dmbs-header {

}

.dmbs-header-img {

}

.dmbs-header-text {

}

.dmbs-top-menu {

}

.dmbs-content {

}

.dmbs-main {
}

.dmbs-left {

}

.dmbs-right {

}

.dmbs-footer-menu {

}

.dmbs-author-credits {

}

.dmbs-footer {

}

.navbar-custom {
  background-color: #1540d9;
  border-color: #1237bb;
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li:last-child > a {
  border-right: 1px solid #1237bb;
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
  border-left: 1px solid #1237bb;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #c0c0c0;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #c0c0c0;
  background-color: #1237bb;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #1236b8;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #1237bb;
  color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c0c0c0;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #1237bb;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #c0c0c0;
}

I’ve figured it out – needed to change the navbar-inverse to navbar-custom to make it work with the CSS. Once I get the new version up and running Danny, I’ll let you know! ??

Awesome Oliver ?? Way to keep at it! I’m sure it will be great.

Nothing more frustrating than dealing with it all and that’s without considering WordPress in mind! ha ha. Just hoping my friend I do the website for will be happy with the layout and everything! We’ll shall see!

p.s. amazing what a sleep can do to make you refocus on the coding – if only real work would let people do that too! hee hee! Can you tell I’m happy ?? ha ha

Last question (for the time being) – you’ve got a Home Icon on the left nav bar – how do you do that?

The navwalker class we are using enables access to the glyphicon library via the “title attribute” for menu items.

Appearance -> Menus -> “Your Menu” -> Click the down arrow on your menu item to see the “Title Attribute” input box. In there you can put in the class of the icon you wish to display. For the home icon it is “glyphicon-home”.

Thank you very much! Much appreciated!