Site logo

Archived topic

Hook before search icon

5 replies · Started by Siger on January 9, 2020

Viewing posts 1–6 of 6

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!

Hi there,

No hooks there so CSS is required.

Can you add the items in first?

Let me know :)

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 :-))

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/

OK, thanks, will try that!

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

This archived topic is closed to new replies.