Twenty Eleven

Thanks a lot, I’ll have a look when I’m back at home ??

It works like a treat, although #mysticky-wrap {min-height:100px;} seems to put a big margin under the header when the page is at the very top (like it starts out). I have tried lowering this to 100 to get rid of the margin and that works better. Can you explain what the min-height of 500 is for and why it was set at 500?

min height 500px keeps the page from jumping up when mystickymenu is activated. I used 500 px for default twenty eleven, usually it should be set same as a height of #branding div.

All this is because mystickymenu is using existing element (#branding) and makes it fixed, when this happens #branding disappears from original position, other elements on page fills up empty space and move up… As a result page jumps and scroll is not smooth.

Thats why #mysticky-wrap need height, it actually replaces #branding and keep things on place.

the 500px seemed to give me problems for some reason…

When I try and place the bar at the bop (absolute:0), and then scroll downwards, the bar turns transparent. I have reset the css to .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; }

How can I fix the bar to the top as default, and allow the scrolling to take place as previously (not transparent)?

And another question I have.

When I place the nav bar to the top, and change its height to 100px, for example, the nav bar overlaps the header image, and decreases the actual image, rather than pushing it down to still show the full header image

I don’t understand your questions… What (absolute:0) means? You should give me exact code you used and explain me what you wanna achieve. The css code I gave u before works perfect for me on a default Twenty Eleven theme. Probably you made some customization to your theme style.css before? If so than you should also adopt the code I gave you…

I’v sorted the problem, I just took away the absolute positioning.

Could if it would be possible to add the <h1> site title to the far right hand side of the sticky bar only (not on the nav bar, just when the sticky bar apears).

damiroquai, can you offer some advice as to weather it’s possible to either add the h1 title to myfixed, or just add another menu item, which is only visible when myfixed is visible?

I may not have explained things very well. I mean similar to yoast.com, where the logo (or text) is displayed only when the sticky nav bar is displayed.

Thanks

There are multiple solutions for your problem, I think simplest is to create your initial menu with <h1> inside, same as you want it to be while sticky…

Than in css hide that specific h1 with display: none;

In mystickymenu settings show it back with display: block; or display: inline;

You are welcome…

Thanks for the advice, I’ll give it a go, and let you know if I have problems ??