Remove white space from header (Supply Theme)

Highlighted
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
Highlighted
Tourist
6 0 2

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
Highlighted
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
Highlighted
New Member
6 0 0

Hi @wtmedia 

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

Any other ideas?

0 Likes
Highlighted
Tourist
6 0 2

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. 

1 Like
Highlighted
New Member
7 0 0

Hi, I was wondering if there is a way to reduce the space between the slideshow section and the logo on the home page in the version optimized for mobile...I notice that there is 1 cm of space more and less, it is very aesthetic to see. If possible I would like to know the section and the line to modify. Thanks in advance

0 Likes
Highlighted
New Member
7 0 0

screenshoot.png

THIS WOULD BE THE RIGHT APPROACH

0 Likes
Highlighted

Hello @AYBAR,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

@media screen and (max-width: 480px) {
#shopify-section-header .header-logo {
	margin: 0;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
7 0 0
Hello, thanks for The replay...

This work for mobile version? Because i tried But didnt work.
0 Likes
Highlighted

@AYBAR,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes