Remove white space from header (Supply Theme)

New Member
6 0 0

Hi,

 

I want to reduce the blank space between my logo, menu and slideshow, especially on mobile.

I tried some changes in the Site Header in the theme.scss.liquid asset but nothing changed.

Does anybody know how I can solve this?

www.mypurryfriends.com

 

Thanks in advance!

0 Likes
Tourist
6 0 1

Hi, 

 

In your theme.scss file if you look for: 

 

@media screen and (min-width: 769px)

 

and replace:  .site-header  { padding: 30px 0; }

with:  .site-header { padding:  0; }

 

Hope that helps.

0 Likes
New Member
6 0 0

Thanks for the reply but I can't find this part in my theme.scss.

Any other ideas?



0 Likes
New Member
6 0 0

Hi @wtmedia 

I can't find this part in my theme.scss.

Any other ideas?

0 Likes
Tourist
6 0 1

Hi, 

 

In your theme.scss.liquid file replace

 

@include at-query ($min, $large) {
padding: $gutter 0;
}

with

@include at-query ($min, $large) {
padding: 0;
}

 

Let me know how it goes. 

0 Likes