Foundation Mobile Menu

Dec 2nd, 2020 at 12:13 PM
User 2088758 Photo

Steve
Senior Advisor
3,086 posts

Good morning fellow creators!

I have been messing around for a while now and I can't seem to figure out how, within SD, to make the foundation menu mobile menu stay active after the first breakpoint. Ideally I would like the full menu to only appear after the second breakpoint.

http://misterwebguy.com/inspectitall_exported/

If any of you have played around with this and know a way around this that would be great. I do know I can create a custom css to override it but I want to do it within the app.

Thanks
Steve
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Dec 2nd, 2020 at 01:01 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,188 posts

looks like .container-5 is your target to set the display prop.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Dec 2nd, 2020 at 01:49 PM
User 2088758 Photo

Steve
Senior Advisor
3,086 posts

yea i can get it to display but it wont restack the menu to vertical. It seems like a setting within one of the foundation classes are switching it.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Dec 2nd, 2020 at 02:00 PM
User 2088758 Photo

Steve
Senior Advisor
3,086 posts

I think it has to do with the accordian medium dropdown attribute thats making the menu vertical dropdown. I am looking to see if there is a different attribute I can use.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Dec 2nd, 2020 at 02:39 PM
User 122279 Photo

Inger
Senior Advisor
14,450 posts

Steve, I haven't actually checked the code, but if you have spelt 'accordion' as 'accordian', like in your post above here, it's no wonder why it is not working.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Dec 2nd, 2020 at 02:49 PM
User 2088758 Photo

Steve
Senior Advisor
3,086 posts

haha no that was just me typing wrong. the problem isnt that its not working. The menu works as it should, the problem is I do not want it breaking from the mobile accordion until the second breakpoint. This website only has the default foundation breakpoints thus far I would like it to stay the mobile menu until it hits the 1024 break.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Dec 2nd, 2020 at 03:07 PM
User 2699991 Photo

Wayan Jaya
Registered User
4,799 posts
Online Now

Hey up it would have been easier and quicker to make your own by now.
I did a video demo for another user wanting the same thing, I will try locate it again
Is it "top bar with navigation" thingy?
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/
Dec 2nd, 2020 at 03:42 PM
User 2088758 Photo

Steve
Senior Advisor
3,086 posts

I did make this one using the foundation classes. Just trying to figure out how to overide or alter the attributes to make the mobile version stay till the last breakpoint. Yea if you find Ill have a look. Always love learning new ways to build a menu.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Dec 2nd, 2020 at 05:04 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,188 posts

RSD file?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Dec 2nd, 2020 at 05:13 PM
User 2088758 Photo

Steve
Senior Advisor
3,086 posts

Sent you the dropbox link from your contact form on your website.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA

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.