Logo header gap-Mobile View

Store Design
, , , , , , ,
1

Hello everyone,

Iam having that big gap different between the logo and the header content on all pages, can you guide me how to reduce this gap. Highly appreciated. URL: shef-s.com

Alliance_0-1745004479773.png
Alliance_0-1745004479773.png1920×1080 342 KB

2

Hi

It sounds like you’re dealing with an unwanted gap between your logo and the header content, which is likely due to padding, margin, or line-height settings in your CSS..

If your theme has a built-in customizer that allows you to adjust the logo and header layout, you may be able to adjust the spacing directly from the Theme Settings. Here’s how:

  1. Go to Shopify Admin > Online Store > Themes.

  2. Click Customize next to your active theme.

  3. Navigate to Header or Layout settings (depending on your theme).

  4. Look for any options to control the logo size and header spacing.

  5. Adjust the spacing, padding, or margins as needed.

Some themes also have options to adjust the header height or the logo position directly, so it’s worth checking those options if your theme supports them.