How can I reposition my logo on the turbo Seoul theme?

Store Design
1

Hello. I’d love to move my logo position on desktop from the top left corner to the middle of the top bar, but it should stay as it is on mobile. I use the turbo Seoul theme. My store URL is www.slickpurple.myshopify.com

Password is thawsi

2

Hi @TommyIsBae ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.scss->paste below code at the bottom of the file:
@media (min-width: 799px) {
.logo-position--left .header__logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -40px;
}
.nav .menu {
    text-align: left !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.