Home › Forums › Support › search icon placement on mobile This topic has 3 replies, 2 voices, and was last updated 3 years, 8 months ago by David. Viewing 4 posts - 1 through 4 (of 4 total) Author Posts July 5, 2020 at 9:38 pm #1353312 Robin Using Off-canvas panel only for navigation, and I’d like the search icon (magnifying glass) to stay in the same place on desktop, tablet, and smartphone. Is that possible? July 6, 2020 at 12:57 am #1353446 DavidStaff Customer Support Hi there, add this CSS to your site: #mobile-header .mobile-bar-items { order: 4; } July 6, 2020 at 7:20 am #1353870 Robin Thank you. Are there also orders designated as 1, 2, 3? And if so, what are they? July 6, 2020 at 7:45 am #1353896 DavidStaff Customer Support In the default mobile header layout when Search is enabled – there are 4 elements. Logo: 1 Mobile Bar Items ( Search Icon ): 2 Hamburger: 3 Mobile Menu: 4 You will note that Mobile Bar and Mobile Menu now both have order: 4;. As mobile bar comes first as it is before the menu in sites HTML. This works because the Mobile Header is set up using CSS Flexbox – of which the order property is one of its features. Author Posts Viewing 4 posts - 1 through 4 (of 4 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In