How to reduce space in the header?

Solved
Highlighted
Tourist
11 0 3

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.

0 Likes
Shopify Partner
1054 115 170

If you can share the URL to your store that would help.

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes
Tourist
11 0 3

Hi!

The domain is: www.papazone.de

The PW: huigob

0 Likes

Success.

Shopify Partner
1054 115 170

Add the following bits to the bottom of your assets/theme.scss.css file:

 

@media only screen and (min-width: 750px)
.site-header.logo--center {
    padding-top: 0px;
}

.site-nav--centered {
    padding-bottom: 0px;
}

.site-nav {
    margin: 0px;
}

You can play around with the value of 0px to increase/decrease the spacing to your liking.

 

 

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes
Tourist
11 0 3

Thanks!!

I have another question. How can I link the first whole image to a shop page (T-Shirts)?

0 Likes
Shopify Partner
1054 115 170

Not sure I follow.

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes
Tourist
11 0 3

I want to link the images/banners with the men on a defined page (for example on the page T-Shirts)

0 Likes
Tourist
11 0 3

Nobody any idea?

0 Likes