Need help? Check out our Support site, then


Fit text within one row

  1. Hello everyone,

    I'm working on a blog and have made a HORIZONTAL MENU in which I've put some categories.

    The width of all the content is 900px.

    The items I put in the menu are EXACTLY 900 pixels, one more letter or digit and it would create an extra row. And there is the problem. Even though it looks great in all browers, it DOES create an extra row when checking the site on my mobile phone (BlackBerry 9900).

    How do I fix this so it will ALWAYS fit on one LINE and if needed shrink within the row instead of creating a new row?

    All help and suggestions are very much appreciated!

    <br /> .nav-main{<br /> z-index: 10;<br /> min-width: 100%; */ THIS DOESN'T SEEM TO WORK */<br /> }<br /> .nav-main ul{<br /> background: #c9c9c9;<br /> border: 6px solid #888888;<br /> margin: 0 0 -10px;<br /> }<br /> .nav-main li{<br /> background: #c9c9c9;<br /> border-left: 2px solid #888888;<br /> }</p> <p>.nav-main a{<br /> color:#888888;<br /> letter-spacing: 0.05em;<br /> font-size: 115%;<br /> webkit-text-size-adjust:none; */ THIS DOESN'T SEEM TO WORK EITHER */<br /> padding:5px 15px 7px;<br /> text-transform: uppercase;<br /> font-weight: normal;<br /> }<br />

  2. You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you'll find help at the WordPress.org forums.

    If you don't understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It'll help people to answer your question.

    This is an automated message.

  3. Please post an active link starting with http:// to the blog you are working on.

  4. Know that all your hard work getting everything on one line is somewhat wasted since no two browser render web pages or text the same so some may still see two lines.

    Also know that if someone zooms in via their browser zoom controls, that can also blow up all your hard work.

    Also also know that if someone changes the default font size in their browser preferences your hard work could/will blow up.

    Just keep all that in mind.

  5. The URL is http://www.beatflakes.com.

    @thesacredpath
    Yes thanks, that's exactly the reason why I want this has to be fixed.
    I've tried many things and looked all over the web and I did find similair threads but none are solved.

    Things like display:inline, or working with a width of 10% for every category (if there would be 10 items) doesn't work or don't give the right result.

    Once again, any help is appreciated!

  6. @flukki
    That's not a free hosted Word press.com blog and we cannot help with it here. You are posting to the wrong support forum. The correct support forum for you is here > http://wordpress.ORG/support/
    For clarity read > WordPress.com vs WordPress.org

Topic Closed

This topic has been closed to new replies.

About this Topic