Scale Logo to Fill in Blank Space on top of Navigation bar Shopify

Topic summary

A user wants to scale their logo to fill the blank space above the navigation bar in their Shopify store.

Proposed Solution:

  • Access Online Store → Edit Code → theme.liquid file
  • Add custom CSS code just above the </body> tag

Current Issue:
The provided code creates an unintended effect—the logo appears to repeat multiple times instead of displaying as a single image that fills the available space.

Status: The discussion remains open as the initial solution did not achieve the desired result. The user is seeking a modification to display one logo image that properly scales to fill the blank area.

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

I would like to have this Logo (attached below) scaled to go across the blank space on top of the Navigation bar. Many thanks!

website: prevailplants.com

Hi @bebop87

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like

Thank you for your response. This is the displayed effect with the presented code, looking for just one image to fill the blank space. Thank you