So I was able to get rid of the bullets, but I have these brackets showing up above the menu bar, and I can't find where to get rid of them.
This is my header:
<span style="font-size:16px;"></span><img alt="Logo" src="insertlogoimage" />
<br />[@app:StudentNavMenu]
<span style="font-size:16px;"><strong><span style="color:#1F7F9b;"><br>Approved Schedule: </span><span style="color:#D45B25;">[@field:FirstName] [@field:LastName]</span></strong></span><br />
This is my app parameter:
<style>
ul {
list-style-type: none;
margin: auto;
padding: 0;
overflow: hidden;
background-color: #1f7f98;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
font-size: 15 px;
font-weight: bold;
padding: 14px 16px;
text-decoration: none;
line-height: 12px;
height: 16px;
}
li a:hover {
background-color: #D45b25;
}
</style>
</head>
<body>
<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">Approved Schedule</a></li>
<li><a href="#contact">Course Request</a></li>
<li><a href="#about">Elective Catalog</a></li>
<li><a href="#about">Logout</a></li>
</ul>
</body>
</html>