[Resolved] Hook before search icon

[Siger]

Hi GP-team,
I have a menu with on the right side a WooCommerce Cart and a search icon. Is there a hook or some other method to get a shortcode (with a wishlist icon and counter) between the two?

Thanks!

[Leo]

Hi there,

No hooks there so CSS is required.

Can you add the items in first?

Let me know 🙂

[Siger]

Hi Leo,
I placed the shortcode in a GP Element and hook it in to inside_navigation. It now appears left of the site logo.. But i want it in between the cart and search icon.. (would be nice if there was a direct hook for that :-))

[David]

Hi there,

using the inside_navigation hook will not allow you to place the wishlist icon between the search and cart icon. You can position it after the 2 icons with this CSS:

.inside-navigation .elementor-647  {
    order: 5;
}

To get it between the two icons would require the shortcode to be added as a menu item and a little CSS. To add shortcodes to menu items requires this plugin:

https://en-gb.wordpress.org/plugins/shortcode-in-menus/

[Siger]

OK, thanks, will try that!

[David]

Let us know if you need help with the CSS to re-order the icons.

[Author]

Posts