Top Menu uggly break to second line

  • Resolved jakkerman

    (@jakkerman)


    7 years, 5 months ago

    Hi Everybody
    Im trying to get all the menu items on the first line.
    On smaller screens it breaks uggly to the second line.
    changing the float to align left didnt work out.
    any help?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter jakkerman

    (@jakkerman)

    screenshot on smaller screen

    Moderator Kathryn Presner

    (@zoonini)

    @jakkerman You could give something like this a try to reduce the font-size and enlarge the menu width on smaller screens. Adjust the values as you like:

    @media screen and ( max-width: 900px ) {
  .main-navigation {
    max-width: 100%; 
    text-align: left; 
    font-size: 12px;
  }
}

    Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated.

    An easy way to add custom CSS is to use the CSS editor included in the Customizer as of WordPress 4.7. Head to Appearance > Customize > Additional CSS to add your custom CSS.

    Thread Starter jakkerman

    (@jakkerman)

    Thank you! problem solved!

    Moderator Kathryn Presner

    (@zoonini)

    Excellent, glad you’re all set and you’re welcome!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Top Menu uggly break to second line’ is closed to new replies.

Tags