Brooklyn theme: center mobile custom logo

Solved
adthai
Excursionist
61 0 24

Hi, on my desktop website my logo is all the way to the left, which is good. However, on mobile, I want to make the logo centered. It is leaning towards the left in my screenshot.

This is the code I added to my theme.sccs.liquid to make my logo go all the way to the left on desktop.

nav.grid__item {
position: relative;
right: 0;
}
.site-header__logo img {
margin-left: 0;
}
.site-header .wrapper {
max-width: 100%;
}

 

IMG_6901.jpg

Accepted Solution (1)

Accepted Solutions
diego_ezfy
Shopify Partner
2299 413 539

This is an accepted solution.

@adthai, do this to fix it in 20 seconds:

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 (max-width: 749px){
    .site-header__logo img{
    margin: 0 auto;
}
}



Kind regards,
Diego

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.

View solution in original post

Replies 2 (2)
diego_ezfy
Shopify Partner
2299 413 539

This is an accepted solution.

@adthai, do this to fix it in 20 seconds:

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 (max-width: 749px){
    .site-header__logo img{
    margin: 0 auto;
}
}



Kind regards,
Diego

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.

View solution in original post

adthai
Excursionist
61 0 24

thank you so much!