Home › Forums › Support › help needed moving search icon in the nav menu This topic has 4 replies, 3 voices, and was last updated 5 years, 4 months ago by Leo. Viewing 5 posts - 1 through 5 (of 5 total) Author Posts December 24, 2020 at 4:28 am #1593036 Michael Hello, I was able to move the seach icon from right to left using this css: .main-navigation .menu-bar-items { order: -1; } My problem is that part of the search box is blocked. You can try using the search in the nav bar here https://app-5fd72a84c1ac1813f431cd4e.closte.com/ I can’t figure out how to fix it. thanks December 24, 2020 at 4:40 am #1593051 DavidStaff Customer Support Hi there, try this CSS instead: @media (min-width: 1025px) { .main-navigation .menu-bar-items { order: -1; z-index: 110; } .navigation-search.nav-search-active { z-index: 100; padding-left: 70px; } } December 24, 2020 at 9:38 pm #1593678 Michael thanks for the quick response. that did the trick! December 25, 2020 at 2:45 am #1593793 Michael just one small issue, David. In the sticky header, the search icon appears all the way to the left before the logo. December 25, 2020 at 10:40 am #1594193 LeoStaff Customer Support Try this as well: @media (min-width: 1025px) { .main-navigation.navigation-stick .menu-bar-items { order: 1; } .main-navigation.navigation-stick .main-nav { order: 5; } } Author Posts Viewing 5 posts - 1 through 5 (of 5 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In