- This topic has 1 reply, 2 voices, and was last updated 2 years, 6 months ago by .
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.
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.
im trying to acheive the orange drop down menu that's on the site of http://www.wpbeginner.com
its a secondary header, drop-down navigation menu "BEGINNERS GUIDE FOR WORDPRESS" orange with 3 submenus side-by-side, with text/image and a button "VIEW ALL GUIDES"
Can someone let me know how that's done? Thanks!http://www.wpbeginner.com
You'll need 3 things :
1.(a) You can use the .toggle() function in Jquery https://api.jquery.com/toggle-event/
(b) In this case, they used .slideToggle();
2. And hook in the HTML using the genesis_after_header hook
3. The CSS could be done using CSS grid. You can also inspect the element and find the CSS which was used in the example you're referring to.
© 2023 WPEngine, Inc.