Title: Icon Positioning
Last modified: June 15, 2018

---

# Icon Positioning

 *  Resolved [tbereika](https://wordpress.org/support/users/tbereika/)
 * (@tbereika)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/icon-positioning/)
 * Hi there,
 * How can I move the search icon so that it is second to last in the main navigation
   list (to the left of the “Donate” button) without using the flexbox order sub-
   property? Currently, it is the last list item in the unordered list. Thanks.
    -  This topic was modified 7 years, 11 months ago by [tbereika](https://wordpress.org/support/users/tbereika/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ficon-positioning%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * (@vinod-dalvi)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/icon-positioning/#post-10406457)
 * I hope you are well today and thank you for your question.
 * You can achieve this by adding the below CSS code in the Custom CSS option of
   Add Search To Menu plugin settings on the path Settings -> Add Search To Menu
 *     ```
       @media (min-width: 992px){
       .navbar-nav li.astm-search-menu.astm-search-menu.dropdown {
           position: absolute;
           right: 90px;
           top: 8px;
       }
   
       .navbar-nav li.donate {
           margin-left: 40px;
       }
       }
       ```
   
 * Best regards,
 *  Thread Starter [tbereika](https://wordpress.org/support/users/tbereika/)
 * (@tbereika)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/icon-positioning/#post-10410675)
 * Thank you. As a follow question, is there a jquery function that would prepend
   the list items so that the search icon would display before the donate button?
 * Regards,
    Tim
 *  Plugin Author [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * (@vinod-dalvi)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/icon-positioning/#post-10410791)
 * Yes you can try using below jQuery prepend function.
 * [http://api.jquery.com/prepend/](http://api.jquery.com/prepend/)

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Icon Positioning’ is closed to new replies.

 * ![](https://ps.w.org/add-search-to-menu/assets/icon-256x256.png?rev=2077748)
 * [Ivory Search - WordPress Search Plugin](https://wordpress.org/plugins/add-search-to-menu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/add-search-to-menu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/add-search-to-menu/)
 * [Active Topics](https://wordpress.org/support/plugin/add-search-to-menu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/add-search-to-menu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/add-search-to-menu/reviews/)

## Tags

 * [list item](https://wordpress.org/support/topic-tag/list-item/)
 * [positioning](https://wordpress.org/support/topic-tag/positioning/)

 * 3 replies
 * 2 participants
 * Last reply from: [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * Last activity: [7 years, 11 months ago](https://wordpress.org/support/topic/icon-positioning/#post-10410791)
 * Status: resolved