Hello, I would really appreciate it if someone could help me out. The first picture is how my website looks right now. The second attached photo is how I want my website to look. I want the buttons on the top to be properly spaced in the middle similarly to how I edited it in photoshop for the the second picture. Thanks!
Topic summary
Goal: Adjust header navigation so the top buttons are evenly spaced and centered, matching a Photoshop mockup. Two images (current vs desired) are central to understanding the layout change.
Requests/Details: The poster wants the header buttons “properly spaced in the middle.” No code or theme name provided; only screenshots.
Guidance provided:
- Check theme settings: Store admin > Online Store > Themes > Customize > Header to see if a header layout/spacing option exists.
- If the theme lacks controls, share the store URL so custom code can be suggested.
Information needed: Multiple responders asked for the website/store URL to inspect the live header and provide specific instructions or code.
Status: Unresolved/ongoing. Next steps depend on the poster sharing their store URL and confirming whether the theme’s Header settings include layout/spacing controls.
Notes: “Header layout” refers to the configuration of the navigation elements (buttons/links) in the header, including alignment and spacing.
Hi @dorianafshar ,
I’m Dan from Ryviu: Product Reviews & QA
You can log in to your store admin > Online Store > Themes > Customize > Header and check if it has an option to change the layout of your header like your request. If it does not, please drop your store URL here so I can check and give you the code to do that.
Best Regards,
Dan from Ryviu