How can I reposition my website logo?

Hello there, how can i change the logo position? i want to move it at the middle of the header and the menu at the left but at the mobile to stay as now. Is any code to fix it?

the site url is lieonstore.myshopify.com

with pass lieon2022

1 Like

Hi @Lieon ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
@media (min-width: 990px) {
.header--middle-left {
    grid-template-areas: "navigation heading icons" !important;
    grid-template-columns: 1fr auto 1fr !important;
}
}

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

@Lieon

if you have change order try this way

@AvadaCommerce thnx that works fine!!!