Hook where? (Navigation hook in GeneratePress)

Since hook functionality was opened up in WordPress, life is great for developers because we no longer have to temper the theme code to introduce something as small as a top bar for promotion. However, it was a pain in the a** trying to figure out where all the hooks are located (especially mobile). As such, here’s a quick guideline for navigation hooks, and with mobile as well.

Guideline

Honorable mention

There’s an official GeneratePress hooks visual guide at the official site (without the mobile version). It’s not a huge deal, but I just thought it would be even more helpful to see the differences between how one behaves on a desktop and in mobile.

Thoughts on hooks

Ultimately, the goal of any good business website is to generate leads/convert traffic into opportunities. To encourage the odd of conversion, it is proven by data that having a prominent CTA on the top right-hand corner is one of the best ways to achieve such results. To place a prominent button at the end of the main menu, the two available configurations are:

• inside_mobile_menu
• after_primary_menu

However, the way those two hooks behave is a bit different from what most of us would expect – showing up at the end of the mobile menu bar. So, make sure to take extra steps to cater to the mobile view when optimizing for lead conversion with a CTA button inside the main menu bar!