# \[Pro\] Floating navigation menu

**URL:** <https://discourse.softpress.com/t/pro-floating-navigation-menu/20463>\
**Category:** Dynamo\
**Created:** [July 3, 2014, 11:23am UTC](https://discourse.softpress.com/t/pro-floating-navigation-menu/20463 "2014-07-03T11:23:55Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kevin\_McElligott](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/k/a9adbd/32.png) [@Kevin\_McElligott](https://discourse.softpress.com/u/Kevin_McElligott)\
**Post date:** [July 3, 2014, 11:23am UTC](https://discourse.softpress.com/t/pro-floating-navigation-menu/20463/1 "2014-07-03T11:23:55Z")

</div>

Hi  
I received the email from Softpress about the update to 7 and followed the link to look at the templates (which I never usually use) on their Esperanto template there is a floating navigation menu which stays visible all the time and expands with the window when you enlarge or reduce it.  
HOW IS THIS DONE?

[http://template.softpress.com/esperanto/?\_ga=1.166313470.1379850434.1383838190](http://template.softpress.com/esperanto/?_ga=1.166313470.1379850434.1383838190)

* * *

dynamo mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [July 3, 2014, 10:24pm UTC](https://discourse.softpress.com/t/pro-floating-navigation-menu/20463/2 "2014-07-03T22:24:33Z")

</div>

position: fixed;

David

* * *

dynamo mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Kevin\_McElligott](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/k/a9adbd/32.png) [@Kevin\_McElligott](https://discourse.softpress.com/u/Kevin_McElligott)\
**Post date:** [July 4, 2014, 9:28am UTC](https://discourse.softpress.com/t/pro-floating-navigation-menu/20463/3 "2014-07-04T09:28:17Z")

</div>

Thanks Dave. That has sorted out the problem of the fixed position. Any ideas on keeping it full width of the window. Also I have reduced the opacity to 50% but nothing is showing through.  
At present I’m just experimenting with a test file.

* * *

dynamo mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Kevin\_McElligott](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/k/a9adbd/32.png) [@Kevin\_McElligott](https://discourse.softpress.com/u/Kevin_McElligott)\
**Post date:** [July 4, 2014, 5:00pm UTC](https://discourse.softpress.com/t/pro-floating-navigation-menu/20463/4 "2014-07-04T17:00:54Z")

</div>

OK. Sorted out the opacity problem, didn’t realise there was more than one opacity slider on the appearance tab. I was using the background slider and should have been using the general slider.  
So now the only problem is getting the nag bar background to stay full width not matter how big you make the window

* * *

dynamo mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [July 4, 2014, 5:40pm UTC](https://discourse.softpress.com/t/pro-floating-navigation-menu/20463/5 "2014-07-04T17:40:28Z")

</div>

Page - Align:None and set the nav item to 100% width

D

* * *

dynamo mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Kevin\_McElligott](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/k/a9adbd/32.png) [@Kevin\_McElligott](https://discourse.softpress.com/u/Kevin_McElligott)\
**Post date:** [July 21, 2014, 12:15pm UTC](https://discourse.softpress.com/t/pro-floating-navigation-menu/20463/6 "2014-07-21T12:15:39Z")

</div>

Hi Dave  
Just got back onto this. Can’t see where to enter the 100% width for the Navigation item.  
I feel really dumb sometimes.

* * *

dynamo mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Richard](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/r/f0a364/32.png) [@Richard](https://discourse.softpress.com/u/Richard)\
**Post date:** [July 21, 2014, 8:27pm UTC](https://discourse.softpress.com/t/pro-floating-navigation-menu/20463/7 "2014-07-21T20:27:27Z")

</div>

Like this : [ontwerpzaam.nl](http://www.ontwerpzaam.nl/beta) ?

* * *

dynamo mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [July 21, 2014, 9:42pm UTC](https://discourse.softpress.com/t/pro-floating-navigation-menu/20463/8 "2014-07-21T21:42:23Z")

</div>

Here is a quick example showing one way of doing this with 2 items - Header and Nav (Nav is an inline element of Header) ie click inside Header until you get a flashing cursor then Insert\>Html Item

[http://www.deltadesign.co/FW6Test/full-width-nav.html](http://www.deltadesign.co/FW6Test/full-width-nav.html)

The settings for both are shown (Nav is a CSS Menu item) - what is not shown is that it is set to Margin: Auto to center it inside Header.

David

* * *

dynamo mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Kevin\_McElligott](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/k/a9adbd/32.png) [@Kevin\_McElligott](https://discourse.softpress.com/u/Kevin_McElligott)\
**Post date:** [July 23, 2014, 9:35am UTC](https://discourse.softpress.com/t/pro-floating-navigation-menu/20463/9 "2014-07-23T09:35:56Z")

</div>

Hi Walt  
Thanks for your help. I’m getting there. It’s frustrating that when when you alter a setting on something else on the page it undoes the expanding menu - or maybe I’m just doing something daft.  
Here is where I’m at  
[http://www.creativeline.co.uk/float/](http://www.creativeline.co.uk/float/)  
Please note that this is just a test layout not a real design (would hate to be judged on it).  
Can I get the coloured panels to centre on the page with undoing the expanding menu?

Richard  
I love what you’ve done - how did you achieve that

* * *

dynamo mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [July 23, 2014, 7:18pm UTC](https://discourse.softpress.com/t/pro-floating-navigation-menu/20463/10 "2014-07-23T19:18:40Z")

</div>

Just a word of warning and I appreciate this is just a test page but.

shutterstock\_47356267.jpg - Dimensions 6016 × 4000 File size 8.68MB

8.68MB is HUUUUUGE! for a single image. Keep it lean and light - especially while testing.

D

* * *

dynamo mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)