- This topic has 5 replies, 3 voices, and was last updated 1 year, 1 month ago by .
- You must be logged in to reply to this topic.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
Tagged: menu items and header
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.com
For 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
Thank you Marcy. I have the menu figured out. Looking to add our number at the top of our header.
© 2022 WPEngine, Inc.