QUICK FIX? Move Search Bar Below Logo On Mobile Only (See Ex.)

Store Design
, ,
1

I recently added a really amazing “Search Box” to my website, and it looks great on desktop and fullscreen.

On mobile, it does not go below the logo and thus gets “crammed” in the header.

Any chance someone could explain how to move the search box below the logo, only for mobile users? Thank you!

Website: https://urbanutopia.ca/

TristanM1_0-1697332855206.png
TristanM1_0-1697332855206.png420×123 17.7 KB

TristanM1_1-1697332894942.png
TristanM1_1-1697332894942.png445×179 60.3 KB

2

Thanks for the Quick Reply!

Im using Spotlight Version 11.0.0

The search bar itself is not normal for the theme, coding was used to turn it from a search icon to a search bar. The bar itself IS Shopify’s built-in search feature, however, and no apps are being used in regards to the search bar.

Thanks!

Tristan