Forcing text in menu to one row.

Permalink Browser Info Environment
I have some problems with my navbar. One of the menulinks (the only one with two words in it) are making another row. Can I force the text to stay in one row?
And can I make the navbar to align centered to the height of the logo?

1 Attachment

Type: Discussion
Status: New
peel1962
View Replies:
jordif replied on at Permalink Reply
jordif
Hi,

it's weird, this shouldn't happen, what broswer and OS are you using?

Anyway, you can try adding this CSS code (simply go to Dashboard -> Themes -> Long Story Short Parallax -> Customize -> Add your CSS):

.navbar .nav>li>a {
   white-space: nowrap;
}


(This should force the text not to wrap to the next line)

To vertically center the menu, you need to change the line height. You can use the following code:

.navbar .nav>li>a {
   line-height: 50px;
}


(You'll need to adjust the "50px" value).


Hope this helps!

Jordi
peel1962 replied on at Permalink Reply
peel1962
I am using Safari with OSX Mavericks.
At first everything was correct, but then something happened and I don´t know if it was because of me. Can´t recall any changes other than margin values on the logo image.

Tried your tips and it´s working perfect. Thanks for helping.
/Peter
jordif replied on at Permalink Reply
jordif
great, glad it works :)

jordi

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.