How can I center align breadcrumbs text in the Dawn theme?

Topic summary

A user seeks help centering breadcrumb text vertically in the gap between a banner and product image on the Dawn theme. They’ve attempted various CSS adjustments without success and included a screenshot showing the current breadcrumb placement.

Proposed Solution:

  • Another user provides step-by-step instructions to add custom code
  • Navigate to: Online Store → Theme → Edit code
  • Open the theme.liquid file
  • Insert provided CSS code before the closing </body> tag

Status: The conversation appears incomplete, as the actual CSS code snippet is partially corrupted or cut off in the response. The solution remains unverified, and it’s unclear whether the original poster successfully implemented the fix.

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

Hi guys,

How do I align the Breadcrumbs texts exactly in the middle on the gap between the banner and the image?

I have tried several variables but didn’t find the right spot.

Website: https://venga-store.com/

Theme: Dawn

Thanks a lot!

Hi @miltokas

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. Paste the below code before on theme.liquid

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution.