Return management just got easier! We’ve launched Customer Self-Serve Returns to all Shopify merchants. Click here to learn more!

Some merchants and partners are experiencing problems when logging into their Shopify accounts. We will continue to provide updates to you here.

Change The Logo Placement - Supply Theme

Solved
tullyhai
New Member
10 0 0

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:
6096186C-CBD1-4323-9792-3DEB86A75AF2.png

 

 

 

Any help is appreciated.

Thank you.

Accepted Solution (1)

Accepted Solutions
LitCommerce
Astronaut
2854 681 661

This is an 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.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 5 (5)
dmwwebartisan
Shopify Partner
11285 2411 3467

@tullyhai 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
tullyhai
New Member
10 0 0

@dmwwebartisan 

 

shopmisstique.com

LitCommerce
Astronaut
2854 681 661

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!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
tullyhai
New Member
10 0 0

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.Screen Shot 2021-11-25 at 12.00.05 pm.png

LitCommerce
Astronaut
2854 681 661

This is an 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.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!