WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Removing header search bar only on mobile (twentyeleven child theme) (3 posts)

  1. aurumpotestasest
    Member
    Posted 1 year ago #

    The blog is at http://www.directoroffootball.com.

    On mobile and when the browser is really narrow, the search bar overlaps the title as you can see here, so I'd like to remove the search bar entirely once once the screen/browser is below a certain width. I'm not very hot on responsive design!

    I'm using a child theme of twentyeleven.

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    See how this works:

    @media (max-width: 650px) {
       form#searchform {
          display: none;
        }
    }
  3. aurumpotestasest
    Member
    Posted 1 year ago #

    Thanks WPyogi, that worked great!

Topic Closed

This topic has been closed to new replies.

About this Topic