Bennet G. Bennet G. - 1 year ago 78
HTML Question

Removing dots from a navbar

I found this wonderful navbar online but I don't find the line in the code to remove the dots.

The current Looking:

@import url(;
nav {
display: block;
width: 100%;
.navbar {
background: #f96e5b;
width: 100%;
.navbar-fixed-top {}
.navbar ul {
margin: 0;
padding: 0;
line-height: 1;
display: block;
zoom: 1;

Answer Source

Here's a tutorial of list-style-type, or in your words, those are the black dots.

Just do list-style-type: none; on the li list. It would help if you would learn HTML and CSS before asking a question about it.


After seeing the full HTML and CSS, I saw the 'problem'. There was an after adding squares after every li. To remove the squares, just delete from line 68-78 in the JSFiddle.

Here's an updated version:

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download