Superfly menu below normal menu

[djinnie]

I’m working on a superfly menu and I want this menu to appear below my normal header/menu.

Now it looks like this when I activate superfly menu:

And I want it to look like this (I used photoshop for creating this):

How can I let the superfly menu appear below the header of my website instead of pushing the header to the right?

I have tried finding an answer in http://superfly.looks-awesome.com/docs/Getting_Started but I cannot find my question/answer there.

Thanks

[basanta]

Hi There,

Thanks for writing in!

Can you please send us your website URL so that we can suggest you better.

Thanks

[djinnie]

see secured note.

[ruenel]

Hello There,

Thanks for providing the url of the site. Right now, you have set the menu panel design as Side Panel. Please go to SuperFly Menu > Menu Panel > General > Design and select “Navbar”.

Hope this helps.

[djinnie]

That makes no difference. See screenshot below. The superfly menu still pushes the main header to the right and it’s not below the main header. See secured note for log in details if needed.

[rad]

Hi there,

I just tried it and it’s impossible to achieve. Superfly uses positioning and not really part or within the structure where the header is (outside). You can position it with styling right under it, but it’s not going to be okay since CSS is static, it will leave a gap where the header is positioned as you scroll.

How about setting your header sticky (floating or fixed positioned)? That should give both super fly and header same positioning and you can push down it above 100px.

Thanks!