Avoid wrapping of Menu items 8

Note : This snippet applies to Customizr version 3.1.x and below. It may not work with version 3.2+. Use with caution on 3.2+ and check the availability and type of the hooks in the Customizr hooks API.

Last Reviewed: 29-Mar-14

If you need to avoid wrapping of Menu items:

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.

 
Credit: @ludwigt


About Dave Bardell

My name is Dave Bardell (@rdellconsulting) and have been supporting the Forum since discovering this wonderful Theme in July 2013. Have learnt a lot from other Supporters (@ElectricFeet, @acub, @tomaja, and the maestro @d4z_c0nf, in particular). Have a library of snippets I've built up which in adding here, I'll try to acknowledge the original contributor but apologies to any I miss or wrongly attribute. daveb@rdellconsulting.com


8 thoughts on “Avoid wrapping of Menu items

  • Reply
    Stacey

    Hi,

    I have tried putting the above code into the custom css and my very last menu item is still wrapping to the next line. How would I prevent this?

    Thanks.

  • Reply
    Marcus

    I think that the directive nowrap only stops wrapping multiple words within the same menu item. E.g. “About us”: the 2 words will not wrap.

  • Reply
    Bob

    Found this link in the Forum and added a missing bracket and changed a text size to em rather than px. Play with the 2nd and the 4th padding values and font size (remember “em” can be 1 or 1.2 or 1.5 or 2, not just whole integers.

Leave a Comment

Your email address will not be published. Required fields are marked *

Please check the following point before adding your comment

  1. - Did you check that you have the latest version the theme installed ?
  2. - Did you read the documentation ?
  3. - If you think it could be useful, please check your system informations : Navigate to Appearance > About Customizr and go to the bottom of the page.
  4. - Did you check if your issue was already resolved ? Before posting a new topic, you'll want to make a quick research with our Google powered search tool below.

You may also use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">