How can I center my header pages on my website?

Store Design
1

Hey guys! Needing help centering my header pages “home/collection” I just need to split the home page and collection page right down the middle where the “E” is in jewelry.
Any help would be appreciated.

Store link: https://xsiist.myshopify.com/
Pass: fafaor

dadadadadada.JPG
dadadadadada.JPG1068×538 22.2 KB

2

@tonyrss

Technically speaking, it’s already centered - the CSS code calculation is pixel perfect.

Aligning the E will not make it centered, but you can use the code below for this

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
@media (min-width: 749px){
    .site-header__logo-image{
        position: relative;
        left: 10px;
    }
}

You can change the value “10px” to push it more to the left/right. It also accepts negative values:

10px;
-10px;

Kind regards,
Diego