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

Solved
Sunchaser
New Member
3 0 1

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
Shopify Partner
14304 1664 5142

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
14304 1664 5142

This is an accepted solution.

@Sunchaser 

i have done this please check.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
14304 1664 5142

@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%;  
  }
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Smeelah
Trailblazer
262 1 62

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~

 

Screen Shot 2021-01-08 at 10.32.52 AM.png

Screen Shot 2021-01-08 at 10.32.16 AM.png

0 Likes
KetanKumar
Shopify Partner
14304 1664 5142

Thanks for update

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Smeelah
Trailblazer
262 1 62

Sure thing @KetanKumar 

LeilaCools.com

Thanks for looking.

KetanKumar
Shopify Partner
14304 1664 5142

@Smeelah 

Thanks for store 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
14304 1664 5142

@Smeelah 

Yes, currently do you have anything else?

Thanks for the update.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing