Twenty Eleven menu line break on smartphones (3 posts)

  1. ilovemega
    Posted 3 years ago #

    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?

  2. ilovemega
    Posted 3 years ago #

    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?

  3. Michael
    Part-Time Forum Moderator
    Posted 3 years ago #

    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;

Topic Closed

This topic has been closed to new replies.

About this Topic