We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Get started

Floating Menu? | Forum

Topic location: Forum home » Development » Custom Code Modifications

Indy Etoile Jan 19 '13

Hello.

I have an own network, but I don't know how I could create a floating menu; that if you scroll down, that the menu is also moving down. I know it's with position:fixed or something in the CSS, but I don't know in what block I should add/edit something.

Please help :-)

Thank you!

matt Jan 20 '13

You might be able to adapt this....

.ow_header {height: 78px;padding-top: 0px;background-color: #000000;-webkit-box-shadow: 0 3px 3px black;box-shadow: 0 3px 3px black;position: fixed;width: 100%;z-index: 1;}

Indy Etoile Jan 20 '13

It doesn't work :-(

I replaced it, but the menu bar doesn't scroll with me, the one which one says

Dashboard, Main, etc.

Thanks but any other ideas?

matt Jan 20 '13

Which theme are you using?

tracy Jan 20 '13

her play with this

<style>
div.floating-menu {position:fixed;background:#fff4c8;border:1px solid #ffcc00;width:150px;z-index:100;}
div.floating-menu a, div.floating-menu h3 {display:inline-block;margin:0 0.5em;}
</style>
<div class="floating-menu">
<h3>Floating Menu</h3>
<a href="http://www.quackit.com/css/">CSS</a>
<a href="http://www.quackit.com/html/">HTML</a>
<a href="http://www.quackit.com/javascript/">JavaScript</a>
<a href="http://www.quackit.com/coldfusion/">ColdFusion</a>
<a href="http://www.quackit.com/myspace/codes/">MySpace Codes</a>
</div>

The Forum post is edited by tracy Jan 20 '13

Oxwall Software

Please sign in

We build. You grow.

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Floating Menu? | Forum