How can I center the logo in the Debut theme v2021?

[MRami]

Hi Everyone, 

I would like to center the logo in the debut theme and put the menu items on the left. The posts that I found on here dating back to 2019 don't work anymore. 

Can anyone help? 

Thanks, 

M

[ZestardTech]

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

[MRami]

Hi Pallavi!

the link to my store is: https://ston-skin.myshopify.com/ with PW: eanien

Here a screenshot:

I want to put the logo in the center with the menu on the left (aligned to the left).

Thanks!

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

@media screen and (min-width: 750px){
.site-header .site-header__mobile-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.site-header .site-header__mobile-nav .grid__item.logo-align--left {
    order: 1;
    width: 50%;
 }

.site-header .site-header__mobile-nav .grid__item {
    order: 0;
    width: 25%;
}

.site-header .site-header__mobile-nav .grid__item.site-header__icons {
    order: 2;
}

.site-header .site-header__mobile-nav .grid__item .site-nav {
    text-align: left;
}

.site-header .site-header__mobile-nav .grid__item.logo-align--left .site-header__logo a {
    display: flex;
    align-items: center;
    justify-content: center;
}
}

Screenshot :- https://prnt.sc/124sl91

[MRami]

Thanks Pallavi! 

This works perfectly. 

Cheers

[ZestardTech]

Kindly feel free to get back to me if you need any further assistance Thanks!

[Hristina94]

Hello,

can you tell what is the code to make the menu go from left on mobile version?

[User321]

Hello I was wondering this works perfectly on desktop, bu I was wondering would I be able to put the logo in the center on mobile as well?