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)
  • Thread Starter ilovemega

    (@ilovemega)

    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?

    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.

Tags