header logo is not centered

Store Design
, ,

Topic summary

A user is experiencing a layout issue after adding custom CSS to create a single-line header menu. The code successfully prevents menu wrapping and centers the menu items, but has caused the logo to shift off-center.

Current Problem:

  • Logo is no longer centered in the header
  • Menu items need to align left while keeping logo centered

CSS Applied:

  • Forces menu items into one line using flex-wrap: nowrap
  • Centers menu group with justify-content: center
  • Adjusts spacing between menu items

Status: Multiple community members have requested store password access to inspect the issue and provide a specific solution. The discussion remains open pending access credentials.

Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.
1

Hi, I have added a subject title on my header pages, with this code:

.list-menu–inline {
flex-wrap: nowrap !important; /* Prevent wrapping /
justify-content: center !important; / Center the menu group */
}

.list-menu–inline li {
margin-right: 12px !important; /* Reduce as needed */
white-space: nowrap;
}

.list-menu–inline li:last-child {
margin-right: 0 !important;
}

now the header is one line like i wanted but the logo stood in the middle, is there a way to take all the titles left on web and keep the logo centered?

Artez_0-1751867447294.png
Artez_0-1751867447294.png2547×1083 287 KB

artez.design

thank you,

Warm regards.

1 Like
2

password of your store please

3

Hello @Artez ,

Could you please provide the password to your store so that I can check it and provide you with the exact solution?

4

hey @Artez if you feel comfortable then plz share the Password of your Website so i can help you :blush: