Menu display - Page 3 - Post ID 284182

Jan 17th, 2019 at 07:50 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,057 posts
Online Now

Inger wrote:
Hi Marc, I have a wee file that has been accommodated for two lines of menu items. It is the same one as you asked about initially, I just edited it.

I actually spent hours on trying to make that file work when changing to large instead of medium, but I didn't get it to work properly. There might be some way of doing it, but I haven't been able to find it. But maybe Wayan, when he wakes up, knows a solution, he is good with menus.


Wayan is awake
I'm a little bit confused as to what Marc is after
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://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
Jan 17th, 2019 at 07:59 PM
User 219465 Photo

Marc Nevue
Registered User
324 posts

I have six menu items and I need them in one horizontal line, but want them to open up from the 'hamburg' menu at the large screen size. Attached is what it looks like when it opens up at the medium screen size.
Attachments:
Jan 17th, 2019 at 08:19 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,057 posts
Online Now

Marc Nevue wrote:
I have six menu items and I need them in one horizontal line, but want them to open up from the 'hamburg' menu at the large screen size. Attached is what it looks like when it opens up at the medium screen size.


Got ask why?
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://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
Jan 17th, 2019 at 08:27 PM
User 219465 Photo

Marc Nevue
Registered User
324 posts

because it does not look good like the attached.
Attachments:
Jan 17th, 2019 at 08:39 PM
User 219465 Photo

Marc Nevue
Registered User
324 posts

I know of other websites that the full horizontal menu opens up at the larger screen size, and i would assume I can do it here?
Jan 17th, 2019 at 08:46 PM
User 122279 Photo

Inger
Senior Advisor
14,535 posts

Good morning Wayan!

I wrote earlier that the attribute 'data-responsive-toggle' is reacting at the first breakpoint, but Marc wants it to hold off until the second, so that the 'mobile menu' stays until then. I have not been able to get around that, and now it's waaaayyy past my bed time. So, good night!

Inger wrote:
Not sure, really. You can always change the class medium-horizontal to large-horizontal, but the attribute used, 'data-responsive-toggle', seems to kick in at the first breakpoint, so that you lose the top with the 'hamburger' icon, and the menu will still appear vertical until you reach the 2nd breakpoint.

I think we have to ask the good forum people here for help.


And Marc, could you post a link to such a website, so that we can take a look at the code?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jan 17th, 2019 at 09:20 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,057 posts
Online Now

Marc Nevue wrote:
I know of other websites that the full horizontal menu opens up at the larger screen size, and i would assume I can do it here?


like this?

https://tester.sdv3tutorials.com

I would need a little bit of twiddling of course but is that the type of thing you are wanting. The reason I asked about why, was that the 6 menu items are still not going to be in a single row at those medium lengths, but you can get then=m to flex so that they are in a row when there is enough space, & when there isn't they will stack, for those that need to stack
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://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
Jan 17th, 2019 at 09:44 PM
User 122279 Photo

Inger
Senior Advisor
14,535 posts

I couldn't sleep, so I went for it again, and I think I've got something here. It is completely unstyled, not as nice looking as Wayan's menu, but it seems to be working. I had to throw that nested menu completely over board and go 'back to basics', meaning a simple dropdown toggle.
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jan 17th, 2019 at 10:01 PM
User 219465 Photo

Marc Nevue
Registered User
324 posts

Yes Inger, thats it! I want them nested (hidden) until it get to the larger screen size.
Jan 17th, 2019 at 10:08 PM
User 219465 Photo

Marc Nevue
Registered User
324 posts

What was the trick?

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.