Superfish Dropdown Menu

Advanced Search

Floating Nav - Superfish

Permalink Browser Info Environment
I was wondering if anyone has had a chance to make superfish also into a floating nav. I am having some difficulty coding it myself and was wondering if anyone had any tips.
Type: Discussion
Status: New
helllooodpr88
View Replies: View Best Answer
ryan replied on at Permalink Best Answer Reply
ryan
By a floating menu, I'm guessing you mean that it's fixed within the window so it always stays in the same place when the page scrolls.

In the attached screenshot, in the plain yogurt theme I set the headerNav div to have a fixed position at the top left corner of the page:

<?php ?>
<style>
#page #header #headerNav {
 left:0;
 overflow:visible; 
 position:fixed;
 top:14px;
 width:130px;
 z-index:2;
}
</style>


In the superfish options I set the menu to be vertical floated left and a fixed width of 130px
helllooodpr88 replied on at Permalink Reply
helllooodpr88
Ryan,

That worked just how I needed it too. Thanks for the helpful and quick reply.
ryan replied on at Permalink Reply 1 Attachment
ryan
No problem glad to help.
Hmm, I didn't even attach the screenshot - here it is in case anyone else stumbles upon this.

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.