I have just opened my project this morning to find that the dropdown stack has decided to not work.
I have created a dropdown with two categories in it, each linked to a separate page but, although it was working last night, it does not work this morning.
I have checked all the links and they work as a separate entity to the dropdown but the dropdown itself will not show on any of the pages.
Any ideas?
Does it not work on the live site or in your project?
The site hasnât gone live yet - this is just a project that Iâm working on for a mate and I need to get it up and running for him to approve.
I have checked the link using RWâs preview mode and the the âPreview in Safariâ mode but it still doesnât work.
Did you close and reopened RW?
Yes - I closed RW last night after saving the project then opened it this morning.
Iâm just looking through the source file at the moment to see if I can spot anything but tbh I donât really know what I should be looking for.
Can you post a screenshot of the problematic page in edit mode - it may give us a clue.
Also, when you say âdropdown stackâ do you mean the Navigation stack or something else?
Apologies for the delay in replying - unlike most, Iâve been working away from home
Iâve attached two screenshots showing the problem. Itâs the ddm for the drawings page that concerns me as it doesnât work at all in RWâs preview mode or in Safari, from any of the pages
Are you using Foundryâs Button Group as the main navigation?
Yes - using the Foundry button group with the Dropdown inside it
Any reason youâre not using the Navigation stack?
Probably just lack of experience/knowledge.
Iâll swap it all out for the Nav overlay or one of the other two and see if that makes a difference.
Thank for the pointer
Tried using the Nav Bar stack but
A - it leaves the homes page title as black when the rest is white (Which is what I want)
B - itâs not picking up the ddm for the two different drawings pages
Any ideas?
Have you watched the Foundry Navigation video and read the accompanying notes? The docs are really good and the answer to most of my questions are usually there.
Just watched the video but havenât had a chance to read the docs yet - I donât see where it picks up the items for the ddm though and thatâs whatâs confusing me with this particular stack.
Iâll have a look at the docs when I get back from my enforced shopping trip
The items in the drop down menu are your sub-pages and the navigation stack picks them up automatically. See attached screen shot. Youâll see the sub pages in the list on the left and then youâll see them in the drop down menu.
Thanks for all your help but Iâve decided not to use the nav bar stack and stick with the bottom group as it is right aesthetically.
Just on the off chance I decided to make the site go live and have a look at it to check how it looked and to my amazement the whole thing works! It still doesnât work inside RW though, which is somewhat disconcerting, but as long as it all works in the end itâs all fine.
Thanks again for all your help - very much appreciated.
Update on the situation - I have been successful in publishing the test website and it works reasonably well (some adjustments required for aesthetics) on both my iMac and my iPad Pro but it doesnât work at all on my iPhone.
Iâve spoken to my client and they checked on their Nokia phone but it doesnât work on that either. It does work on their Windows laptop though.
Any ideas what the problem might be?
Hi there @Nightrain â In reading through this thread am I so understand youâre using a Button Group as your siteâs navigation? If so, that is creative, but it is not what it is designed for. It is going to look bad on mobile devices if youâve got more than a few things in the stack. It just isnât what you should be using for a site navigation. That is why it isnât called a ânavigationâ stack, but is labeled as a âbutton.â
I would highly recommend you using one of the many different navigation stacks that come with Foundry and / or its addons like Potion or Thunder Pack.
In the main suite of Foundry stacks you have:
- Navigation Bar
- Navigation Bar Pro
- Navigation Overlay
- Slide Navigation
You could also make due with List Group for a vertical navigation.
In Potion and Thunder you have:
- Mega Menu
- Mini Navigation
- Vertical Navigation
- Pip Navigation
So there are a lot of choices there for stacks that are supposed to be used as navigational elements.
Thanks very much for the advice.
I was relying on knowledge I picked up many years ago using Lisa Online to learn html and then teach it to kids at school
I have just had a play with the Mega Menu stack and although it does do most things that Iâd like, I cannot get it to line up with the name stack that I have in a header stack, inside an overlap stack. As you can see from the attached images - the word âDrawingsâ does not line up with the name correctly and as the name is in the correct place I would like to move the menu accross the the left.
Is there a trick that Iâm missing here please?
The stacks are lining up, it is just that you have no background on the navigation barâs background so youâre not seeing the padding that is applied to the background and the individual items. That padding is there to separate the elements in the navigation, among other things.
Use the Margins stack to apply padding of your own to the header.
Donât be afraid to experiment. Thatâs the fun of web design and Stacks â it is quick and easy to try different things.