Animation Attributes - Post ID 265526

User 126471 Photo


Registered User
26 posts

Hello,

I am trying to get to grips with Foundation Framer, and in perticulaer the responcive menu, i am trying to make the mobile menu, either fade in, or drop down, but i cannot get any of the animations to work, i have tried to copy the demo's but to no avail, any help would be much appreciated.

Matt.
Attachments:
User 2699991 Photo


Registered User
4,782 posts
Online Now

Hello England from Sunny Bali

from here the menu seems to drop down ok, so not really sure what you are after

screenshot of menu at smaller display closed
http://balismartproperty.coffeecup.com/storage/menu.jpg" class="bb-url"> http://balismartproperty.coffeecup.com/storage/menu.jpg

screenshot of menu open (dropped down) at same size display
http://balismartproperty.coffeecup.com/ … /menu2.jpg" class="bb-url"> http://balismartproperty.coffeecup.com/ … /menu2.jpg

Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 126471 Photo


Registered User
26 posts

Hi Wayan,

Hello from cloudy England! (No surprise really!)
Thank you for taking the time to reply to me,

Yes the menu works fine, I just wanted the menu to open smoothly, as though it is slowly sliding open, it currently just drops, not the smooth glide I was hoping for!

User 2699991 Photo


Registered User
4,782 posts
Online Now

Hello again from deepest darkest Bali middle of the night here)

I suspect that in order to get the effect you are after would require some coding to the css file after exporting, (unless someone else in the community knows different, and if so please chime in)

Just as a quick side note not really relevant to the question
It has been a long time since I was last in Dartmouth, (back in my youth I sailed around the South Coast many times, my favorite haunt was a pub called "The Hole In The Wall" probably not around anymore.

Anyway if you are confident in tweeking & messing about with css code I could attempt to help with trying to get the sort of effect you are after.

Take care over there in cloudy England, have a great day


Wayan

Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 126471 Photo


Registered User
26 posts

The 'The Hole In The Wall' is the oldest pub in Torquay, and I believe is still there!

I am happy to mess about with the css, but I feel that I want to try and make the foundation framer attributes work, as they do in the demos, so I will continue to persist, thank you for the offer of help, I may well take you up on it, once I have exhausted this avenue, and myself!
User 2699991 Photo


Registered User
4,782 posts
Online Now

Hi Matt
what demo's are you looking at
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 2699991 Photo


Registered User
4,782 posts
Online Now

Hello again

I am pretty sure now that because you are using a component (responsive menu) it cannot be done,,, however it can be done if you make your own.
Attachments:
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 2699991 Photo


Registered User
4,782 posts
Online Now

You will still need to mess about with the css in foundation to change the timings to slow it down after exporting it

you can also make it side from left/right up or down, again mess around with css to slow them transitions down, but that's easy enough to do anyway

Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 126471 Photo


Registered User
26 posts

Thats Brill!

So it wouldn't work for me as i had used a component, well, i would never had worked that out!

Thanks Wayan, You have created exactly what i had in mind, i really appreciate that, you have helped me no end.

Matt.
User 2699991 Photo


Registered User
4,782 posts
Online Now

Matt wrote:
Thats Brill!

So it wouldn't work for me as i had used a component, well, i would never had worked that out!

Thanks Wayan, You have created exactly what i had in mind, i really appreciate that, you have helped me no end.

Matt.


You are very welcome

The attributes for the responsive thingy you used are built into the foundation framework (css stuff) so you can't (i don't think) cahne then unless you mess about outside of ff,,,, quicker and more easy to start again using just links (as example) Hope you can work out how It was done and manage to replicate it into your web-site.

Take care

Wayan
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.