How do I change my logo on the homepage to the left of the page and place the menu to the right

Topic summary

Goal: In the Shopify Boundless theme, move the logo to the left and the navigation/menu to the right across the site.

What happened:

  • The store owner shared the site URL and added a visible logo after being prompted.
  • A helper provided steps to edit theme.liquid (Shopify’s main layout file) and add a Liquid block before , showing a desktop homepage result in a screenshot.
  • Outcome: Desktop homepage aligned as desired; mobile did not change, and other pages still show the original centered logo layout. The hamburger menu (three-line icon) opens from the left instead of the right.

Unresolved issues:

  • Apply the left-logo/right-menu layout on all pages, not just the homepage.
  • Fix mobile header alignment and ensure the menu opens from the right to match the icon’s position.

Latest update/decision:

  • The helper acknowledged only desktop was addressed and recommended hiring a developer due to the amount of alignment work needed.

Status: Partially fixed (desktop homepage). Mobile and site-wide implementation remain open. Screenshots were shared to illustrate the desktop result.

Summarized with AI on December 13. AI used: gpt-5.

The Theme is Boundless and I am not sure how to change my logo on the homepage to the left of the page and place the menu to the right. Ive tried to find the setting, but to no avail it can’t located a fix.

1 Like

hello, thank you, my website url is link

hello, all help would be appreciated, yes please take care of this :slightly_smiling_face:

Hi @JP12we5

The logo is not visible on homepage. Please, add. Thanks!

hello, ive just added the logo for you to see

please let me know if you can help

Thanks for the info, try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “theme. Liquid” file. Find the tag and paste the code below before the tag.
{% if template.name == 'index' %}

{% endif %}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

Hello I appreciate your response and I did the fix. However, it shows up perfectly on desktop, but not on mobile. Mobile viewing still shows up the same. How can I change that so it shows correctly?

Also the drop down menu when I press the (3 bars for menu) shows up on the left of the screen not the right where the three lines are located. I would like for it to show up on the right where the menu bar is on mobile and desktop.

Also the onld view appears for all other pages, id like it for all pages to have the logo on the left and menu on the right, on desktop and mobile. don’t worry I will tip I know its a lot of work and I appreciate you in advance

Hi @JP12we5

I see you already did it

hello, no I was only able to resolve the issue for the home page on desktop view, not mobile or other pages , I still need help please

it shows up perfectly on desktop, but not on mobile. Mobile viewing still shows up the same. How can I change that so it shows correctly?

Also the drop down menu when I press the (3 bars for menu) shows up on the left of the screen not the right where the three lines are located. I would like for it to show up on the right where the menu bar is on mobile and desktop

The old logo in the middle view appears for all other pages. I’d like it for all pages to have the logo on the left and menu on the right, on desktop and mobile.

hello, I still need your help when you are available because it only shows correctly on desktop and not mobile

hello, this never correctly fixed the issue, I was trying to get in contact with you, but you haven’t replied

Oh, I only worked on the desktop version and didn’t include the mobile version. It’s better to hire a developer for this, as there’s a lot of alignment work needed.

ok thanks for your efforts