Nested menu how to? - Post ID 285107

User 2368890 Photo


Registered User
24 posts

Sorry if I'm repeating a question, but I can't seem to find the answer. In Site Designer 3, I want to make a nested menu. I have an "About Us" menu (text) link, and want to add 2 sub menu items so they are accessible to it on a mobile screen, without taking up even more vertical real estate by having them as their own top-level menu items. But I want them hidden until the user taps the "About Us" button. Is that possible? I'm new to responsive design, so I'm not sure if what I want to do is even best practices. But I want the content that's available on the desktop site to be also available on the mobile version. Anyway, if someone could assist, or at least point me in the right direction for a tutorial, I'd appreciate it! If none of this makes sense, let me know, & I'll try to explain better. Thanks in advance for any help! :)
User 2273654 Photo


Registered User
775 posts

https://www.youtube.com/watch?v=I5jBMb0R1jo&t=421s LINK TO BUILD a nested menu on the CC you tube pg
The way I do it is open another window and play the video and keep stopping it and doing in the program to follow until complete by running a little pausing doing running again and so on. takes awhile but is the best way to follow along
My CC S-drive site https://workhorsepainting.com
User 2699991 Photo


Registered User
5,391 posts

Andrea La Vigne wrote:
Sorry if I'm repeating a question, but I can't seem to find the answer. In Site Designer 3, I want to make a nested menu. I have an "About Us" menu (text) link, and want to add 2 sub menu items so they are accessible to it on a mobile screen, without taking up even more vertical real estate by having them as their own top-level menu items. But I want them hidden until the user taps the "About Us" button. Is that possible? I'm new to responsive design, so I'm not sure if what I want to do is even best practices. But I want the content that's available on the desktop site to be also available on the mobile version. Anyway, if someone could assist, or at least point me in the right direction for a tutorial, I'd appreciate it! If none of this makes sense, let me know, & I'll try to explain better. Thanks in advance for any help! :)


Or you could use one of the nested components from, Inger download it & take a look around at the layout & see how she did it. link to her shared folder on the site is in her signature. I also have one available.

But if you really want to attempt it, then go ahead & watch the video that Greg suggests, if you find it too difficult to follow, then consider downloading the component
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


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 122279 Photo


Senior Advisor
14,646 posts

Along with the video Greg posted is also a text version, see this page:
https://www.coffeecup.com/help/articles … m-scratch/

Or, of course you can download from my sharing folder, as Wayan is suggesting.
Ha en riktig god dag!
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.