Minimal Theme - Decrease white space around logo and adjusting wrapping of text in Announcement bar.

[Sunchaser]

Hi guys,

I'm having a hard time decreasing the white space (padding?) around my transparent logo. The logo was too small before and every time I used the auto pixel adjust, the space around it changed as well. There is also an issue with the wrapping of the text in the announcement bar. I've experimented with resizing the logo and tried insertions in the theme.scss.liquid to no avail.  Please advise. Thanks! 

Here is my site - https://sunspell-creations.myshopify.com/

[KetanKumar · Accepted solution]

Hello, @Sunchaser 

Welcome to the Shopify community!
and Thanks for your Good question.

sorry, your store is password protect can you please share us.
So I will check and provide a solution here.

[KetanKumar · Accepted solution]

@Sunchaser 

i have done this please check.

[KetanKumar]

@Sunchaser 

white spacing removes logo unnecessary blank spacing and announcement code current code below

@include at-query($min, $large) {
  .header-bar__left {
    text-align: left;
    width: 66.66%;
   
  }

  .header-bar__right {
   width: 33.33%;  
  }
}

[Smeelah]

Hi @KetanKumar 

I added that to the bottom of my theme.scss.liquid  but it just increased the size of the announcement bar and didn't allow more space for my main menu. 

Hey @Sunchaser , how did you get your logo and menu to fit on the one narrow line like that?

Thanks~

[KetanKumar]

Thanks for update

sorry i can't see this view now can you please give me same as store url

[Smeelah]

Sure thing @KetanKumar 

LeilaCools.com

Thanks for looking.

[KetanKumar]

@Smeelah 

Thanks for store 

i have post solution your original post please check and let me know if you have any change 

[Smeelah]

Thanks so much

https://community.shopify.com/c/Shopify-Design/How-to-increase-menu-space-reduce-logo-area-on-Minima...

[KetanKumar]

@Smeelah 

Yes, currently do you have anything else?

Thanks for the update.