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
Trailblazer
291 72 73

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
9826 2237 3078

@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 | Bag is a cart drawer that maximizes your sales. View app →
tullyhai
New Member
10 0 0

@dmwwebartisan 

 

shopmisstique.com

LitCommerce
Trailblazer
291 72 73

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
Trailblazer
291 72 73

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