I want to accomplish something similar to this navigation on a site I’m currently working on that is built on Enfold.
http://www.coolsculpting.com/
I can’t seem to figure out how to accomplish this currently. Any help would be much appreciated.
Thanks!
Hey ahavens30,
For your content on the right side of the logo, you can refer to this post and a widget area to header – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
And for main menu, you can choose “Logo left, menu below” option in Enfold theme options > Header and then choose last two menu items as colored buttons in Appearance > Menus :)
Best regards,
Yigit
Thanks for the response Yigit, however I wasn’t clear in my original post.
I mainly want to replicate the sub-menu navigation, I did Logo left and menu below but I want the items in the sub menu navigation to stay directly under the main navigation elements. Similar to how it works on coolsculpting.com. I’m guessing this is going to take a bit of custom CSS?
Hi,
Actually, this will require modifications of the sub menu script that you can’t override in a child theme. The sub menu in the theme works on mouseover and will fade away on mouseleave. In the “coolsculpting”, the submenu displays on click which is quite different. You might want to contact codeable for that: http://kriesi.at/contact/customization
Best regards,
Ismael