How can I center my theme's menu in the latest version?

Store Design
,

Topic summary

A user updated their theme and the menu alignment shifted from center to left. They provided screenshots and a preview link showing the issue.

Proposed Solutions:

  • Add CSS code to center the menu using display: flex, flex-wrap: wrap, and justify-content: center properties
  • Target either ul.nav-bar__linklist.list--unstyled in base.css or add code to theme.liquid file

Current Status:

  • Initial CSS solution didn’t work when applied
  • User reports their theme doesn’t contain a base.css file
  • Discussion remains unresolved as helpers suggest finding alternative CSS files to apply the centering code

Note: The conversation text appears corrupted or reversed in several posts, making some technical details difficult to verify.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
1

Hi there,

I am trying to update to the latest version of my theme, but the menu suddenly went back to the left side of the screen. anybody knows how to put this back to center before i update? Cheers!

SS1st.png
SS1st.png1881×371 53.8 KB

SS2nd.png
SS2nd.png1883×422 119 KB

Many thanks,

Renz

2

Hi @hurencio

Could you share the preview URL of your theme’s latest version?

3

Art Supplies Australia | Shop leading brands at warehouse prices

4

Please get share preview link by clicking Share preview

Screenshot 2024-03-26 at 10.55.58.png
Screenshot 2024-03-26 at 10.55.58.png1692×1056 118 KB

5

here is the link https://vddgbctp8xayr8qq-21019939.shopifypreview.com

thank you!

6

Add this css In your base.css File

.header ul.nav-bar__linklist.list--unstyled {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
7

nothing happened mate. any idea why?

8

  1. open Your Store

  2. Online Store

  3. Edite Code

  4. Find base.css
    And Than Put This Code

ul.nav-bar__linklist.list--unstyled {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
9

Please add this code to theme.liquid file, after
10

Hi there,

We do not have base.css in any file. is there any other file name to put this?

11

Find file Name Theme.css and put my code