[Eugene]

I love the Mantra theme, VERY nice! But I want to know how to edit the tagline to use two lines instead of one. That way when viewed on a smaller screen it does not overlap the logo in the middle of the header.

Any advice will be appreciated.

Kindly, Eugene

[Zed]

Trick question 🙂

Wordpress doesn’t accept HTML in the site tagline, so a <br> cannot be used.
A trick would be to limit the width of the site tagline container, so the text wraps at the desired point.

To do this, use this CSS: #site-description {width: 50px; } and change the value until you split the text into two lines at the desired point.

You may also need to play around with line-height and padding/margin to make it fit correctly.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Eugene]

Thanks for the response Zed, I am sorry I don’t think I asked my question correctly. What I am trying to do is to make my tagline appear under my site title and not to the right of it.

Many thanks for your attention and advice.

Eugene

[Kay]

Try replacing that code with this:


#site-description {clear: left; }

---

Before posting consider reading our short theme debugging instructions.
Please read the FAQs: Mantra • Nirvana • Parabola • Tempera
Tutorials: custom menus • translating theme • installing theme • category page with intro • disabling comments Wordpress: child themes • categories/posts
Before making any modifications to your theme we strongly recommend using Child Themes.

[Eugene]

Thanks for the help on that I really appreciate it you guys are great!

[Author]

Posts