Maybe my question wasn’t very clear. I’m looking for a way to make a responsive website with a vertical menu on the left that is scrolling like an accordion.
Does anyone have any suggestions?
Sorry for not replying sooner. I was ‘offline’ for some days.
Thank you for your answer Dave, that’s what I was looking for. Can this be done in Freeway 7combined with Backdraft?
I was playing around with those suggestions but I don’t find out a way to make it work correctly. I’m not very smart I’m afraid…
I wonder if it could be a solution;
If I use a vertical CSS menu and put the breakpoint at 5000 I’ll see a vertical stroke withe the ‘hamburger’. If I click on this symbol the menu slides out to the right. The only problem is that the stroke with the hamburger should have a 100% height and the menu should slide-out max. 30% to the right. Now the menu appears full screen.
Is there a way to style the menu? I hope this could solve my problem?
Dave,
Your example appears to be using an old version of the Facebook Slideout Panel Action (although makes no mention of this). I fixed the issue with the overflow on the parent container at some point late last year and updated the Action. http://www.freewayactions.com/test/facebook-slideout-panel/
Regards,
Tim.
On 8 Jan 2015, at 19:44, DeltaDave wrote:
Interesting - seems to be a Safari 8 thing. Can you guys confirm which Browser you experience this with.
It was put together quite some time ago ie Pre Safari 8
Hi Dave,
OK my mistake then. I can see now that you’ve hand coded the image path for the tab image. What had me think you’d used the Action is the fact that you’ve use the exact same class names as the Action, the same code and pretty much the same code indentation. Small world.
Set the overflow of the tab image container to visible as Safari 6+ is incorrectly setting it to hidden which is why the Facebook icons were only getting displayed in the area that the tab had occupied on the page.
Regards,
Tim.
On 9 Jan 2015, at 15:06, DeltaDave wrote:
It was actually hand coded - no actions were harmed in the construction of this example!
So the overflow on the parent should be set to visible?
I was playing around with those suggestions but I don’t find out a way to make it work correctly. I’m not very smart I’m afraid…
I wonder if it could be a solution;
If I use a vertical CSS menu and put the breakpoint at 5000 I’ll see a vertical stroke withe the ‘hamburger’. If I click on this symbol the menu slides out to the right. The only problem is that the stroke with the hamburger should have a 100% height and the menu should slide-out max. 30% to the right. Now the menu appears full screen.
Is there a way to style the menu? I hope this could solve my problem?
I suspect that the above will not be practicable (though I hope someone contradicts me and knows a solution ; )
What had me think you’d used the Action is the fact that you’ve use the exact same class names as the Action, the same code and pretty much the same code indentation. Small world.
We may both have used another example as a starting point - or you are my long lost twin brother!
As to your most recent question Christian - yes you can certainly use jQuery for this but if you are using any native FW actions on the same page you might have a conflict (never mind the extra page weight of 2 javascript libraries).
With our methods there is no javascript used - just CSS
As to how it will play with Backdraft - not sure but it should be doable.
Dave,
I want to do the slide out effect a shown in you menus slide-out example but I just want one item to slide out and to toggle with click or mouseover/mouseout.
Can you help me out on this. I need to know where to add toggle the mark-up to a single slide-out item…
Billy
freewaytalk mailing list
email@hidden
Update your subscriptions at: