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
http://www.tanyasolomon.com/tmswebsite.html
Tanya
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 work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Do you mean the .rsd file? Do I just upload it here, publicly?
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 work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
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)
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)
Bootstrap 5 CSS Grid.
Oh, the music is beautiful too !
Bootstrap 5 CSS Grid.
Thank you
Twinstream, I will take a look! In the meantime, I'm uploading my file to see if Inger can help 
T.


T.
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.
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.
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.
Bootstrap 5 CSS Grid.
Just downloading Tanya's file now...

Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
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.