How to reduce space in the header?

Solved
Highlighted
Tourist
10 1 0

Hello everyone, I would like to reduce the white area between the announcement area at the top and the header logo. What is the best way to do this? I would also like to reduce the distance between the main menu and the following graphic.

 

Link is www.playfulltribe.com

 

Thanks.

0 Likes
Highlighted

Success.

Shopify Partner
247 23 31

Hi, @playfulltribe

On your Shopify admin go to themes, Actions -> Edit code:
Then scroll down to styles.scss and paste the code below at the bottom of the file

div#page-wrap > div#page-wrap-inner {
    border-top: 0;
    border-bottom: 0;
}
Let's make the best store!
Contact us at: thepremierstores@gmail.com
1 Like
Highlighted
Tourist
10 1 0

Thank you! That helped my announcement bar go up. I was actually referring if you'd know how to also move the logo upwards? Basically to bring up the logo in the middle of my search and social media icons so that my slider images can be moved up. Or would you be able to suggest a way such that I can see more of my slider images?

0 Likes
Highlighted

Success.

Excursionist
598 107 315

-put below code at the end of the file style.scss.liquid

path:  online store->theme->edit code->assets->style.scss.liquid

.logo-nav .logo{
   margin-top:0 !important;
    margin-bottom: 7px !important;
}

- if you want your logo in the middle of your search icon and social media icons, then code needs to be changed.
-therefore you need to add me as a staff in your store.
-please like my answer & mark it as an accepted solution

Thank you

1 Like
Highlighted

Success.

Shopify Partner
247 23 31

Hi, @playfulltribe

If you want to move the logo between social media and search it will require to edit some HTML and liquid code on your theme editor, we can help you with this task, just send us an email and we will respond ASAP.

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes