Multi-Line Navigation Labels

[stardigit]

Hi, is there a way to have the text in a Navigation Label wrap to a second line?

For example on my site  eplaw.starfruitdigital.com, I’d like the text for the “FREE CONSULTATION” label to appear on two lines, “FREE” above “CONSULTATION”.

I tried using <br /> in the custom nav label text, but this increases the size of the button, and the text is not vertically centered so sinks below the text of the other buttons.

Topic

[Jason Bobich]

Hello,

Maybe if you play with your HTML markup in the text widget body itself you could have some more control there.

So, when configuring that text widget, leave the title blank and try playing around with adding the title to the widget’s content.

Maybe you could try something like this:

FREE
CONSULTATION

In this theme you need to be careful with what you’re putting into header tags because we have the fancy shade class that gets inserted to all headers to give them that unique gradient look over your text.

[Jason Bobich]

By the way I may have misunderstood what you were asking when you said the “navigation labels”? — Are you talking about the titles of the widget in the sidebar? I didn’t catch anything else with the text you referenced.

[stardigit]

Sorry, I should have been more specific – I was actually talking about the main site nav bar at the top of each page. Anything to be done there?

(FYI I wasn’t notified by email of your reply to my question…)

[Jason Bobich]

No I don’t think soon that one. The design of the button is meant for a single line of text only.

[Author]

Replies