How to Add 2 Lines of Text in a WordPress Header (2026 Complete Guide)
Updated January 2026. Adding two lines of text in your WordPress header is a simple visual improvement that makes branding clearer and headers easier to read. This guide covers every method—classic themes, block themes, and CSS options—with pros/cons and best practices.
Quick Picks (Top 3 Methods)
- Best for block themes: Use a Heading block with manual line breaks
- Best for classic themes: Use a custom HTML widget or theme setting
- Best for developers: Add spans + CSS display:block
Method 1: Block Theme (Site Editor)
- Go to Appearance → Editor.
- Edit the Header template part.
- Add a Heading block.
- Insert a line break (Shift + Enter) between words.
- Save and test on mobile.
Method 2: Classic Theme (Customizer)
If your theme allows HTML in the site title, you can insert a line break with <br>. If it strips HTML, use a custom text or HTML widget instead.
Method 3: CSS Approach
Wrap text in spans and force line breaks with CSS:
.site-title span { display: block; }Best Practices
- Keep each line short for readability
- Test across mobile devices
- Use consistent font weights for balance
FAQs
Why doesn’t <br> work in my site title?
Some themes strip HTML for safety. Use a custom block or widget instead.
Will this affect SEO?
No—line breaks don’t change the text content of your title.
Can I do this in Elementor?
Yes—add a Heading widget and use a line break.
What if my header is part of a theme builder?
Use the builder’s heading or HTML block and insert line breaks there.
Do I need code?
No—most block themes allow line breaks without code.
Sell Services with WooCommerce
If you sell WordPress design services, Woo Sell Services helps you package services and sell them via WooCommerce.
Conclusion
The easiest method depends on your theme. Block themes: use a Heading block. Classic themes: use HTML widgets or CSS spans. Always test on mobile.
