Just getting started with this software, so this might be a daft question...

I've built a nested menu using the guide here: https://www.coffeecup.com/help/articles … m-scratch/

At the end is a note referring to a bug - obviously I have this bug. My menus are red text, but when I hover over the nested menu, my text reverts to blue on white.
A solution is given - I just don't understand it...



What do I apply the 'other' class to, and is there a way to copy the values form my original class (so I don't miss anything...)?

Thanks in advance for any advice.

Keep the class you have, and add a second class. Then style that second class to be like the first one.

Hi Inger.
Appreciate the prompt response.
I understand I need to add a second class, repeating the formatting, but what do I add this class to?
The only elements that have font colour formatting are the text links.
I’ve tried adding a second class to these, but this hasn’t resolved the issue.

Thanks
Roger

Did you, with the new class, set a colour change to the hover state?

Okay - working now.
On the Hover state, I had to assign a different colour first, then change back to the original colour.
Thanks for your help.

Arghhhh...!!
Spoke too soon.
The text links in the top-level menu now work as expected, and don't go blue when 'hovered', but they do go blue when you hover over the nested menu.
So annoying!!

Just to try and clarify the situation, screen shot shows 2 states. Top image is with cursor over main menu item, ie 'Home'
Lower image shows menu when cursor is over next item down in nested menu (About Kings).
Note top menu item changes colour to blue.

Seems to me it's about time to make one from scratch the proper way or just use a ready made component that works correctly and style it how you want

I started a new project, and added the "Responsive Nested Menu" from the components available.
It does the same thing!!

This is new to me - haven't built websites since my ASP days...
Strikes me as you can't have a properly working nested menu using Foundation, at least in terms of formatting.

Appreciate any advice to the contrary, or which frameworks may offer a solution.

As for building one from scratch - think that is way beyond my current skills. I assumed following the 'official' video and tutorial guide was the way to go to learn this...

Its easy to make one from scratch following one of my video tutorials

There is another way which you could try first but it's going to take a bit more work

step 1
select the text link (for the drop-down
give it an ID lets say )say something like "drop1"
slide on down to the "apply styles" section
choose the apply styles "to this elements ID only"
underneath that is the section "in State"
Regular = the colour you want for the link to have
Hover = the colour you want the link to have when hovered over

You then need to give each of the other links that are dropdowns another unique ID (lets say "drop2 drop3 drop4 etc"
Repeat the procedure step 1 for each of them

/i have a video tutorial on the way for showing how to make a nested responsive menu from scratch but won't be up until later today Jawa time