Automatic, unintended word-wrapping of main menu names

  • Resolved ludwigt

    (@ludwigt)


    10 years, 5 months ago

    I have had this little quirk going since I started working with Customizr.

    In Firefox the main menu names consisting of more than one word would automatically wrap creating two lines.

    Adding a border around the A element in main menu will trigger the phenomenon in all browsers I tested.

    I suspect it has something to do with the automatic estimation of LI elements width but I can not seem to nail it.

    Am I alone in experiencing this or have anyone else encountered it?
    I tried searching the threads but found nothing that seemed related to this little problem.

    Any input is greatly appreciated.

    Kind regards
    Ludwig T

Viewing 4 replies - 1 through 4 (of 4 total)
  • Balint Toth

    (@tothbalint)

    10 years, 5 months ago

    Hello! Could you please provide a link to your site?

    Thread Starter ludwigt

    (@ludwigt)

    10 years, 5 months ago

    Hello tothbalint

    Thanks for your reply.
    I am unable to provide that or else I would have done it straight away. I am working in a sandboxed environment with no way in for outer parties.

    kind regards
    Ludwig T.

    Thread Starter ludwigt

    (@ludwigt)

    10 years, 5 months ago

    And I respond myself since I finally solved the annoying problem.

    Absurdly simple, like most little annoying problems – you simply keep looking in the wrong places!

    The solution is to apply the following piece of CSS code:

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

    I sincerely hope this information helps others who might have encountered the same quirk as I did.

    //Ludwig T.

    rdellconsulting

    (@rdellconsulting)

    10 years, 5 months ago

    Thanks for this – I’m creating a Snippet for it.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Automatic, unintended word-wrapping of main menu names’ is closed to new replies.