Support » Fixing WordPress » Twenty Eleven menu line break on smartphones

  • Hello,
    I’m using the last version of WP and Twenty Eleven.
    The menu of my blog is breaking when I resize the window or use it on a smartphone. Every element of the menu is divided in a new line. What should I do?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Ok, The problem comes from the Search Form.
    Since I removed the Top Title above the header, the Search Form went into the Menu. When I resize I use a smartphone, this Search Form moves inside the header image, but the menu titles break.
    Any idea? Something to do with the Search Form padding maybe?

    Michael

    (@alchymyth)

    Forum Moderator

    in your child theme’s style.css, at the end, add somthing like this:

    @media (max-width: 650px) {
      #branding .only-search + #access div {
    	padding-right: 5px;
      }
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Twenty Eleven menu line break on smartphones’ is closed to new replies.