Container Element Not Showing

HTML & CSS
1

Hi, the dev site is http://clients.clhdesigns.com/gdhi/home-inspections.php I have a breadcrumb container element on this page that is supposed to show across the whole page just underneath the nav. The problem is it’s not showing at all.

Here is the code

<div class="breadcrumbs">  
<div class="container">
    <div class="row">
      <div class="col-md-12">
      <h1>Home Inspections</h1>
      </div>
    </div>
</div>
</div>
2

Your superfish menu has a position of fixed, and a z-index, which is making it appear over top of the breadcrumbs. It is actually showing on the page, it’s just behind the menu

3

So by removing the z-index I should be ok

4

You’ll probably need the z-index so that the menu items appear on top of the page content. But you’ll need to play around with that to get it all working. One option may be to put the z-index on the li of the menu rather than on but I’d have to play with it myself to find the best solution.

If you aren’t using developer tools extensions (available on Chrome, FireFox, IE) i strongly suggest doing so. It’ll help you test things out before having to code them and it makes it easy to catch things like this.

5

I’ve taken the z-index off and the fixed element of both the header and nave and now I have it working

6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.