- This topic has 5 replies, 3 voices, and was last updated 2 years, 7 months ago by
.
-
Posts
-
Is there a way to add a scroll bar to the submenu items? I have more than can fit on the screen and they are getting cut off. Or is there a better option to handle this problem?
I would also like to add our office number to the sticky header about the menu items. Has anyone been able to do this with the navigation pro menu?
http://amandaljameslaw.comFor long menu items, it recommended to remove the sticky navigation so the person can actually scroll down. Using a "scroll bar" wouldn't be accessible-friendly especially give that's a legal website. If they need to get back to the top, you can add a "back to top" to the site to take them there.
Also having the sticky would require your new "above the nav" area for the phone number to stick. Which wouldn't work well because of your long menu item.
You could changing the "fixed" nav to "absolute" and then try this code snippet from Codepen to make it 3 columns on hover similar to a mega menu though. Just change 405px to something like 550px and modify the other CSS the way you need it.
Love coffee, chocolate and my Bella!
Thank you Anita. I also adjusted the min-device-width to make it work on mobile. Is it possible to add our number at the top above the menu?
Here are 2 tutorials.
For the first one, you can add the CSS in the Additional CSS in the Customizer or at the end of your stylesheet - adjust the settings as needed. You don’t need any of the php as long as you limit that menu item to 2 levels.
The other tutorial is here, but is a membership tutorial - I didn’t notice at first
https://sridharkatakam.com/mega-menus-genesis/
Marcy | Amethyst Website Design | Twitter
@cuz another mention on the accesscible menu here from Amber Hinds.
For the telephone number, try Carrie's tutorial on adding a Utility Bar.
Love coffee, chocolate and my Bella!
- You must be logged in to reply to this topic.