Centering header navigation links

www.bluebeardandthetoothfairy.com

See attached image of the footer. The “Home” and “Shop” buttons show up as not centered on desktops. Depending on the display size, they show up closer to the right side of the display.

How can I make it so that the “Home” and “Shop” buttons always stay centered?

To center the header links you can add this to you “custom css” in theme settings:

ul.dt-sc-list-inline.dt-desktop-menu.dt-nav {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

Also your main main content isn’t centered so you can also add this:

.slide_1 {
    align-items: center;
}

Hope it helps, cheers :slightly_smiling_face:

**Hi @pwinarsky **

Follow these Steps:

Go to Online Store Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above tag

ul.dt-sc-list-inline.dt-desktop-menu.dt-nav {
    width: 100%;
    text-align: center;
}