Problems with navigation bar

So, I’m trying to get my navbar to span the top of the page, fixed. I thought I achieved that with the correct classes, but it’s not showing correctly…

<div class="containter">
<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <ul class="nav navbar-nav inline-block">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Page 1</a></li>
      <li><a href="#">Page 2</a></li>
      <li><a href="#">Page 3</a></li>
<h1 class="text-center">Tom Beckerle</h1>
<a href="">
  <img src='' alt="macbook pro" style="width: 80%; display:block;" class="mx-auto rounded" />
<div class="mx-auto card card-block z-depth-3" style="width: 90%">
  <h2>Body of Work</h2>
  <p>Outside of Wordpress, I don't have a lot of actual coding experience. I did manage to learn quite a bit installing and tweaking themes, but understanding the full aspects and challenges of the web are my goals.</p>

Hi GitStl,

please use codepen or something similar, nobody is willing to check that pasted code here i guess. Furthermore we need to see the applied css.

  • your first container element is useless, why you don’t put your nav inside it?
  • thousands of closing div elements confuses me a lot
  • i would not put a container inside a nav, but of course one can do it

Kind regards

Okay, I get it. Part of being new. If I was an expert I wouldn’t be here looking for help. :slight_smile:

I’ll go over it again and make another attempt.

good luck with your new attempt, never give up !!! :wink:

have a look at or

with these tools you can share your code easily

kind regards