How to change location and size of search bar on Focal theme

How to change location and size of search bar on Focal theme

EM_2025
Visitor
1 0 2

Hey! I want to move the search bar to the right side and the logo to the left while maintaining the size of the search bar. Im using the focal theme and it doesn't seem to be alot of options. The dropdown menu does not produce the results I want. Any advice?Screenshot 2025-05-06 160814.pngScreenshot 2025-05-06 160726.png

Reply 1 (1)

Emmish
Tourist
5 0 0

Hey there! In Focal’s theme editor you can actually swap those header elements around without touching code. Just open Customize, switch your Preview to the Header, and look for the layout or alignment controls. Change your logo alignment to “Left” and the search field to “Right,” and Focal will automatically keep your search bar at its current size.

If you don’t see those exact options, try dragging the search block below or above the logo block in the Header section’s sidebar—that rearranges them visually. Once they’re in the right spots, hit Save and you’ll have your logo on the left, search on the right, and everything stays perfectly sized.

Give that a whirl and let me know if it lines up the way you want!

If this fixed your issue, a Like and marking it as a Solution would mean a lot!
Shopify Developer | Helping eCommerce Stores Grow — Emmish
Need help with your store, want to increase sales, or need support with marketing? Let me help.
 Contact: