fixing navbar on one line

  • Resolved Math_le_fou

    (@math_le_fou)


    9 years, 9 months ago

    Hi every body,

    I’m using Customizr Childtheme but have a problem with my navbar. I’d like to fix the menu on one line, its ok on 17” but when going on 15” screnne or Ipad, the menu is on 2 lines whereas there’is place on the left of the menu.

    My site is http://hebergement-responsable.fr/biomod/, could you please help me 🙂

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • acub

    (@acub)

    9 years, 9 months ago

    The more you enlarge a font, the less words are going to fit on one row. That is a fact. You need to consider:
    1. using a smaller font-size
    2. using a different, narrower, font
    3. Changing your page names to shorter ones.
    4. Any combination of the above.

    ElectricFeet

    (@electricfeet)

    9 years, 9 months ago

    Or:
    5. reduce the padding between the menu items.

    In your case, just playing around with the padding around the flag and the envelope will reduce it sufficiently. Something like this:

    #menu-item-16, #menu-item-380 {
    padding-left: 0;
    padding-right: 0;
}

    Thread Starter Math_le_fou

    (@math_le_fou)

    9 years, 9 months ago

    Thanks a lot for yours comments, I used them and delete a part of compromised css code, and all is ok.

    thanks a lot for your help !

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘fixing navbar on one line’ is closed to new replies.