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?
Topic summary
A user wants to reposition the search bar to the right and logo to the left in Shopify’s Focal theme while preserving the search bar’s current size. The theme’s built-in dropdown options aren’t delivering the desired layout.
Proposed Solution:
- Navigate to Customize → Preview Header section
- Adjust logo alignment to “Left” and search field to “Right” using layout/alignment controls
- Alternatively, drag and reorder the search and logo blocks within the Header section sidebar
- The theme should automatically maintain the search bar’s existing dimensions
Status: One community member provided step-by-step guidance using the theme editor’s native controls, avoiding custom code. Awaiting confirmation from the original poster on whether this approach resolves the issue.
2 Likes
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!