Remove the space between the banner and announcement bar

Topic summary

A user seeks to eliminate the gap between their site’s banner and announcement bar on their Shopify store (shopcuzzo.com).

Solutions Provided:

Multiple experts offered CSS-based fixes:

  • Custom CSS injection: Two responders suggested adding custom CSS code to the theme.liquid file, placed above the </head> or </body> tag to remove spacing
  • Theme settings adjustment: Another solution recommended navigating to Theme settings > Layout > Space between template sections and changing the value to 0

Outcome:

The issue was successfully resolved—the user confirmed one solution “Worked GREAT!” They then asked for additional help with a sticky menu issue they’re experiencing, indicating the conversation continues with a new related problem.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.

re

Remove the space between the banner and announcement bar. www.shopcuzzo.com

1 Like

On Desktop

Hi @Mrstep ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like

@Mrstep ,

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file theme.liquid

Step 3. Add this code before tag


Result:

Go to your Online Store > Themes > Customize > Theme settings > Layout > Space between template sections, change value to 0, click Save

Worked GREAT! Are you able to help with the sticky and menu issue I’m having?