Padding between logo and navigation menu in header - Crave theme

[Vonplicity]

I have tried several solutions that worked for others but they have not worked for me. I am using crave and need to reduce the padding between the logo and the navigation menu.

I appreciate any suggestions.

[PageFly-Victor]

Hi @Vonplicity ,

Could you please share URL and password if it enabled? So that we can help you.
Thank you.

[GemPages]

Hello @Vonplicity ,

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

[BSS-Commerce]

Hi @Vonplicity

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[Vonplicity]

vonplicity.com

06Vonplicity01

[BSS-Commerce]

Hi @Vonplicity

We see that the reason for your problem is that your logo image has a lot of extra white space. In addition to editing the logo, we can help you reduce the padding to a minimum with the following steps:

• First, go to Themes → Edit code:


• Next, please go to the Assets folder → select the base.css file. Here, you add the following code at the end of the file:

}

.header__heading-link {
  padding: 0 0.75rem;
}

.header:not(.header--middle-left, .header--middle-center)
  .header__inline-menu {
  margin-top: 0;
}

We hope that it will work for you.

[PageFly-Victor]

Hi @Vonplicity

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.header--top-center .header__heading-link {
    padding-bottom: 0 !important;
}
nav.header__inline-menu {
    margin-top: 0 !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

[GemPages]

Hello @Vonplicity ,

You can follow these steps:

1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team