Have A Static Navbar When I Go To Different Pages

I am trying to make my navbar static when I go to other pages. I will go to a contact page and the text on it will appear larger for example, is there a way to make it the same for each page?

li.nav-item ul {
    background: #fff;
    border: solid #000 2px;
    border-radius: 0;
    padding: 10px 20px;
    margin-left: 10px;
    margin-top: 10px;
    box-shadow: 4px 4px 0px 0 #000;
    width: 190px;
}

.nav-item.active {
  height: 38px;
  width: 100px;
}

.nav-label {
  height: 38px;
  width: 100px;
}

li.nav-item ul li {
    float: left;
    width: 100%;
    margin: 6px 0;
}

li.nav-item ul li a {
    color: #212529;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.2px;
    margin-top: 10px;
    transition: ease all 0.5s;
}

li.nav-item ul li a:hover, li.nav-item ul li a:focus {
    color: #f7444e;
}

I think we might need to see more than just this snippet of CSS to help you. Can you provide a link to your project?