Toggle then flex bar nav component...

User 122279 Photo


Senior Advisor
13,484 posts

Wayan Jaya Space Cadet wrote:


What if the menu is fixed to the top?


I cannot experiment with it right now, as I have to be on my machine with SD4 installed for a bit, to do some work. Later, when I can swap to my other machine, I will see if I'm able to do something.
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + HTML Editor: https://mock-up.coffeecup.com


User 1903875 Photo


Registered User
3 posts

I appreciate your insights and the mockup.

I am referring to the user experience. I don't care if it's visible in development mode.

I have a site with 6 pages linked to the 6 menu items. When the site is launched in mobile mode, I would like the menu to be closed - with this library component it loads opened. I can't for the life of me figure out how to launch the page with the menu closed.

Figuring that out would resolve both of my issues, because each new page would load in the same way - with the menu closed.

Peace!
User 2699991 Photo


Registered User
3,409 posts
Online Now

Jim wrote:
I appreciate your insights and the mockup.

I am referring to the user experience. I don't care if it's visible in development mode.

I have a site with 6 pages linked to the 6 menu items. When the site is launched in mobile mode, I would like the menu to be closed - with this library component it loads opened. I can't for the life of me figure out how to launch the page with the menu closed.

Figuring that out would resolve both of my issues, because each new page would load in the same way - with the menu closed.

Peace!
check out the video demo I put up in the beginning in preview for the user the menu at mobile doesn't show until they click the hamburger thingy

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
https://mawarputih.id
User 2699991 Photo


Registered User
3,409 posts
Online Now

Jim wrote:
I appreciate your insights and the mockup.

I am referring to the user experience. I don't care if it's visible in development mode.

I have a site with 6 pages linked to the 6 menu items. When the site is launched in mobile mode, I would like the menu to be closed - with this library component it loads opened. I can't for the life of me figure out how to launch the page with the menu closed.

Figuring that out would resolve both of my issues, because each new page would load in the same way - with the menu closed.

Peace!
if your menu is open at mobile devices when viewed live then that's wrong and we need looking at the project file to see what you have done that makes it be open on loading for the user BCS the default is the menu is closed

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
https://mawarputih.id
User 2699991 Photo


Registered User
3,409 posts
Online Now

Jim wrote:
I appreciate your insights and the mockup.

I am referring to the user experience. I don't care if it's visible in development mode.

I have a site with 6 pages linked to the 6 menu items. When the site is launched in mobile mode, I would like the menu to be closed - with this library component it loads opened. I can't for the life of me figure out how to launch the page with the menu closed.

Figuring that out would resolve both of my issues, because each new page would load in the same way - with the menu closed.

Peace!


I don't actually fully understand what's going on but try this
at the lowest breakpoint (to the left a little bit)
select the container with the ID = view menu
In the "Styles" area
move on down to the tab "layout"
slide over to the tab "more" ~~~~ "select " should read none

if it doesn't then open the dropdown bit & select "none"

move the canvas slider up to just past the first default breakpoint and change the
select thingy to BLOCK
these show the component straight from the library so to speak

https://youtu.be/owm-3MiyK9M

showing it live
https://youtu.be/eMUz_5lyOeI

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
https://mawarputih.id
User 1903875 Photo


Registered User
3 posts

I resolved the issue.

I changed the view-menu.menu-wrapper Layout Display from "None" to "Block"

Changing it back to None fixed the issue and it works fine now.

I resolved and then read your post... Great minds think alike!

Thanks for the input!
User 122279 Photo


Senior Advisor
13,484 posts

I think we must have been speaking at cross purposes here. The component right from the 'shelf' has the container '#view-menu .menu-wrapper' set to display: none before the first breakpoint and to display: block after it. You seem to have set it back to what it originally was. I, for my part, thought you meant something different. Oh well, if you have got it the way you wanted it, then all is well.
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + 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.