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

Technical Q&A
1

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

2

Hello There,

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

3

Hi Pallavi!

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

Here a screenshot:

MRami_0-1619507406805.png
MRami_0-1619507406805.png2730×984 192 KB

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

Thanks!

1 Like
4

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

5

Thanks Pallavi!

This works perfectly.

Cheers

1 Like
6

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

7

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?

8

Hello,

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