I know, I know…I’m not using a StudioPress child theme…but it’s still a Genesis question…
I want to use the Custom Menu Widget in the Footer, but it’s not treating submenu items like it does in the header. Specifically they don’t dropdown and remain hidden until mouseover.
Any quick code to apply header css to the footer?
It’s not really a good idea to use the same CSS, simply because you’re displaying the menu in a different manner. The header menu CSS is set for a menu with all the top-level items displayed in a single row, with submenus appearing below. You’re looking at, in the footer, displaying the top-level items in a stack. This means 2 things for the submenu items:
1) Don’t show them. In your footer, just show the top level pages. ( I recommend this for its simplicity. )
2) Find some CSS to display your submenu items to the side.
Why I advise number 1: You already have the main menu at the top of the page, no need to fully duplicate it. People can swipe or scroll easily back to the top. In your footer, you just want to make sure you give people the chance to hit those real important top-level pages again.
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.