Bennet G. Bennet G. - 4 months ago 7
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: https://gyazo.com/0531847d45ebfc31d7a15b09b5404c9f
JSFiddle: https://jsfiddle.net/ujzge3sg/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);
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

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.

Update

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: https://jsfiddle.net/d7Lrartp/