Debut Theme - Reduce White Space under Header

Solved
Challa
New Member
2 0 3

Hello! 

On the desktop version, I have some white space padding in my header below the navigation menu which I would like to remove. I'm using the Debut theme. Can some please help me with this? Here are screenshots of what padding to reduce and what it currently looks like on the desktop. It looks great on mobile.

Thanks!

 

Reduce Padding Under the Header Navigation on Desktop OnlyReduce Padding Under the Header Navigation on Desktop OnlyBefore Padding was reduced under header navigation on desktopBefore Padding was reduced under header navigation on desktop

KetanKumar
Shopify Partner
20698 2147 7847

Hello, @Challa 

Thanks for post.

Please share your site URL,
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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
FCHR
Shopify Partner
80 7 10

This is an accepted solution.

hi challa,

try this : go to the "theme.scss" file et search this line

.site-nav--centered {
  padding-bottom: $gutter-site-mobile;
}

Replace "$gutter-site-mobile" with "0",

I hope it will help you,

good luck

 

 

 

If my solution help you : Like and Accept Solution.Need help, hire me : https://5euros.com/profil/fchr

Ma réponse a-t-elle été utile : Cliquez sur J’aime pour me le faire savoir !

J'ai répondu à votre question ? : Marquez-la comme Accepter comme solution

Besoin d'aide, engagez-moi : https://5euros.com/profil/fchr
Challa
New Member
2 0 3

Thank you @FCHR - it reduced the padding! Thanks again.

J44
Tourist
6 0 2

Hi

I am currently in the process of updating my website to the Debut theme. It has not been published yet.  I would like to get rid of the wide margin of white space under the main menu across the top, and even a little bit on top of the menu as well.  The outome I am looking for is to have the first large picture more visible (so not so far down the page) and this is the only thing I can think of to achieve this.  Can you please advise/assist?

Many thanks

KetanKumar
Shopify Partner
20698 2147 7847

@J44 

sorry for this issue please share store preview url so i will guide you

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
J44
Tourist
6 0 2
0 Likes
J44
Tourist
6 0 2

Hi

I am unable to do this on the Collaborator page.  I keep getting the following message:  Error accepting collaborator, please try again.

Thank you

0 Likes
KetanKumar
Shopify Partner
20698 2147 7847

@J44 

i need store preview url not a admin code edit link

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
J44
Tourist
6 0 2