Expanding footer links on hover

I'm having trouble with a footer link that is linked to a folder. The link does not expand to show the pages in the folder on hover like it does in the primary navigation links.

Does anyone have a solution?

Thanks

Can you share your website URL so I can take a look? Thanks!

Sure - https://www.thepureexperience.gr/

It looks like you are on a Brine family template, and footer navigation folders appear as columns not folders, it would be possible to do the with code, but that's much more complex to achieve than placing a folder in the footer navigation.

Folders in footer navigation can display as columns.

Ok thanks. I've added a folder now but, as you can see, it's a bit of a mess - Do you know how I can centre the two columns? Also, I have a long link title which doesn't fully show and the text over-writes itself...

Would be happy to have three 'columns' if that is easier, ie About, Villas, Contact details....

The over-writing text is due to you having the text line height set to 0em.  You should be able to fix that in the style settings.

I would recommend having 2 or 3 folders for the footer navigation, rather than a combination of individual items and folders. 

Making those two changes should go some way to improve the look.

Thanks Ziggy, 

Is there any code I can use to centre (the now two) folders? Also, they seem to be width resisted, is there anything that will allow the folder page titles to read horizontally on one line, rather that spread over two lines? 

Cheers

Try this CSS:

.tweak-footer-layout-columns .Footer-middle {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

And this might help with the link vertical spacing:

a.Footer-nav-folder-item {
    padding-top: 2px;
}

Let me know.

it didn't quite have the desired effect but appreciate the efforts Ziggy, cheers