How to make my Scrolling Banner section smaller- Flow Theme

Topic summary

A user needed to reduce excessive white space in their scrolling banner section on a Shopify store using the Flow theme.

Solution provided:

  • Add custom CSS code to the theme.liquid file
  • Insert the code above the </head> tag in the theme editor
  • Access via: Online Store → Theme → Edit Code

The CSS modification successfully resolved the spacing issue. The solution was confirmed working by the original poster.

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

Hello,

I am trying to reduce the white space in my scrolling banner. Please see attached below. My site is yearsbeer.com

Thank you.

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag


After modification:

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

1 Like

That worked, thank you so much!

Thank you for your reply. I’m glad to hear that the solution worked well for you.
If you require any more help, please don’t hesitate to reach out.