Creating a mobile menu (dropdown)...

User 495092 Photo


Registered User
244 posts

Just wondering if there's a good way to turn the current menu into a mobile dropdown menu (3 lines)? Page is still a work in progress:

http://www.tanyasolomon.com/tmswebsite.html

Tanya
User 122279 Photo


Senior Advisor
12,204 posts
Online Now

Should be possible. If you want some assistance, please post your project file, or at least part of it, containing the existing menu.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: http://www.eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: http://www.eikweb.com/sharing/


User 495092 Photo


Registered User
244 posts

Do you mean the .rsd file? Do I just upload it here, publicly?
User 122279 Photo


Senior Advisor
12,204 posts
Online Now

I mean the .rsd file, yes. If you don't want to upload everything, you could perhaps make a copy of it and delete everything except the index page? Normally people don't mind posting the whole file if they need help, but that is up to you.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: http://www.eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: http://www.eikweb.com/sharing/


User 244626 Photo


Registered User
699 posts

Beautiful website Tanya. I have a SDv3 Vanilla Top Down version you might be looking for. If it helps I could make this into a mobile first (bottom up) like your website is done.

You will need to add a button icon, a small script that listens for the button click, a target id added to your button container, and finally you will need to create a dynamic class that is added to the button container which will change the display from none to block.

You will also want to change the display property for the icon to not display above 640 px. The button container will have to have its display property set to display above 640 px. These two should toggle opposite of each other.

Look things over and ask if you have questions. (Remember this is a Top Down Vanilla example)
Attachments:
Gone Bootstrapping...
User 244626 Photo


Registered User
699 posts

Oh, the music is beautiful too !
Gone Bootstrapping...
User 495092 Photo


Registered User
244 posts

Thank you :) Twinstream, I will take a look! In the meantime, I'm uploading my file to see if Inger can help :)

T.
Attachments:
User 495092 Photo


Registered User
244 posts

I am turning my website into a "one page" scrolling site. So basically the menu will go to anchors. However, I may add a page or 2 in the future.
User 244626 Photo


Registered User
699 posts

Will the menu be hidden or visible on mobile ?

I missed the fact you made your menu using Foundation SDv3. I think Inger may have an idea from a menu on her sharing site.
Gone Bootstrapping...
User 122279 Photo


Senior Advisor
12,204 posts
Online Now

Just downloading Tanya's file now... ;)
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: http://www.eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: http://www.eikweb.com/sharing/



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.