I am wanting to place a menu in the header.tpl. I have copied the emerald template files into "mytemplate" directory and pointed to the template in the admin>settings.
I have tried the CSS in the head section of header.tpl and in the css.tpl. I am also noticing a long load time for the page and I am not sure why.
Here is what I have-
*CSS for header.tpl menu*
<style type="text/css">
#phorum #logo .menu li a {
display: inline-block;
border-left: 1px solid #FFFFFF;
color: #fff;
font-size: 14px;
font-weight: 700;
height: 45px;
line-height: 45px;
padding: 0 0.9em;
text-decoration: none;
text-align: center;
}
#phorum #logo .menu ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
#phorum #logo .menu li {
float: left;
}
#phorum #logo li a:hover {
background-color: #333;
}
</style>
*HTML*
<div id="logo">
<ul id="menu">
<li><a href="[goodtalks.net];
<li><a href="[goodtalks.net] Us</a></li>
<li><a href="[goodtalks.net] Login</a></li>
<li><a href="[goodtalks.net];
</ul> </div>
Assistance is appreciated to get the menu horizontal in the div logo. Thanks!
