Change The Logo Placement - Supply Theme

[tullyhai]

Hi, I am currently using the Supply Theme, but I really don’t like the placement of my logo on the mobile suite. I want to remove the blank white space where the announcement bar would normally be.

I’m unsure of how it fix this.

This is how it currently looks:

Any help is appreciated.

Thank you.

[dmwwebartisan]

@tullyhai 

Please share your store URL!

Thanks!

[tullyhai]

@dmwwebartisan 

shopmisstique.com

[LitCommerce]

Hi @tullyhai,

Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.header-logo{
	margin: 0 auto !important;
}

Hope it helps!

[tullyhai]

Thanks, Ive done that!

It moved my logo up, but there is still quite a bit of space between the image and the header that I would like to remove if possible.

[LitCommerce · Accepted solution]

Hi @tullyhai,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

@media screen and (max-width: 768px){
	.site-header{
		padding-bottom: 0px !important;
	}
	.site-header .grid--full .grid-item.large--one-half.large--text-right{
		display: none !important;
	}
}

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.