how to change position of search icon

using generatepress 1.4.3

Hi there,

Any chance you can link me to your site?

Not sure how you added the wishlist icon - can you try adding it as a menu item?: https://docs.generatepress.com/article/adding-icons-to-menu-items/

Hi Tom, yes i added it as menu item, and added icon using font awesome, here is the website link: http://www.greatgoga.info/

Did you add the menu-item-float-right class to the menu item?

added that class, now it moved to right, but on right i want cart button,

i want search, wishlist, then cart icon, this order,

as i said in my first query : "how do i swap the position of Wishlist heart icon and search icon", so that the cart icon remains on the right

Hmm, ok. Remove the menu item.

Then add this PHP:

add_filter( 'wp_nav_menu_items', 'tu_add_icon_after_search', 15, 2 );
function tu_add_icon_after_search( $nav, $args ) {
    if ( $args->theme_location == 'primary' ) {
        return $nav . '<li class="wishlist-item"><a href="http://www.greatgoga.info/wishlist/"><i class="fa fa-fw fa-heart" aria-hidden="true"></i></a></li>';
    }

    return $nav;
}

Adding PHP: https://docs.generatepress.com/article/adding-php/

Thank you for the reply,
removed the menu item and added that php, but it showed
wishlist, search, cart.. arrangement, (which was earlier showing by default) instead of,

Search, wishlist, cart arrangement.

Getting closer, now add this CSS:

.main-navigation li.search-item {
    float: none;
    display: inline-block;
}

added css, but didn't work :(

Can you try this instead of Tom's last CSS:

.main-navigation li.search-item {
    float: left;
    display: inline-block;
}

ok, it worked,

Thank you :)

Glad we could help!