Floating Nav

[directrix]

I followed the article found at your site: https://howto.caspio.com/tech-tips-and-articles/advanced-customizations/tech-tip-creating-a-floating-navigation-menu/ but I cannot make it to work. Please help.

<style>
#menu {
margin:0;
list-style: none;
width: 140px;
text-align: center;
}

#menu li {
font: 90% "Arial", Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

#menu a {
background: #222; /*Standard Color*/
border-bottom: 1px solid #000000;
color: #ccc;
display: block;
margin: 0;
padding: 20px 12px;
text-decoration: none;
}

#menu a:hover {
background: #004400; /*Hovered Color*/
color: #fff;
text-shadow:#ffffff 0px 0px 5px; /*Text Glow*/
padding-bottom: 20px;
}
</style>
<div style="position:fixed; top:0; right:0;">
<ul>
<li><a href="link1" title="Link1">Link1</a></li>
<li><a href="link2" title="Link2">Link2</a></li>
<li><a href="logoutURL" title="Logout">Logout</a></li>
</ul>
</div>

 

[IMDora]

Hi @directrix,

I just recently encountered the same issue and I found out that the ul tag is missing its id attribute.

For it to work, you just need to change your ul tag from <ul> to <ul id="menu">.

I hope that helps.

 

[directrix]

Huh. Big thanks @IMDora ! They should update the article. It was misleading.