Menu display

User 219465 Photo


Registered User
324 posts

So, I am just beginning to teach myself SD V3 and I have been toying with the themes. What is the easiest way to take a list of Text Links, as used in the Black Forest theme and make the menu a group like The Coast theme?

Thanks,
Marc
Attachments:
User 122279 Photo


Senior Advisor
12,677 posts
Online Now

You find a tutorial here:
https://www.coffeecup.com/help/articles … m-scratch/
It also includes dropdowns, but you don't have to use them if you don't have any subnav items.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/


User 219465 Photo


Registered User
324 posts

So you have to build it from scratch, like the instructions for the 'Create Your Navigation Bar'?
User 122279 Photo


Senior Advisor
12,677 posts
Online Now

If you want to teach yourself SD3, as you're saying, yes. ;)
If you just want a 'hamburger' menu, you can use mine, http://horgenhonning.net/sharing/sd3-si … index.html . Just edit the menu items, maybe chop off the subnavs and change the 'hamburger' icon.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/


User 219465 Photo


Registered User
324 posts

No problem. I'm on a diet so I will pass on the 'hamburger' :D . Just like a diet this will hurt for awhile lol. Thanks Inger.
User 122279 Photo


Senior Advisor
12,677 posts
Online Now

:lol:
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/


User 219465 Photo


Registered User
324 posts

Inger, in this nested menu tutorial, https://www.coffeecup.com/help/articles/create-a-nested-menu-from-scratch/, how would I make the horizontal menu go to the icon at the larger screen size and not the medium?
User 2903050 Photo


Registered User
254 posts

I would say you would have to remove the medium-horizontal and medium-dropdown classes without having a good look but there may be more do it than than. Will be interesting to see what Inger thinks.
User 122279 Photo


Senior Advisor
12,677 posts
Online Now

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.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/


User 122279 Photo


Senior Advisor
12,677 posts
Online Now

Yes, Phil, you're right, but there is still that attribute that I mentioned.

But it should be possible not to use those classes vertical and anything with horizontal at all, just flex positioning, and hide/show the top container. I'll do some experimenting...
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/



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.