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

  1. aurumpotestasest
    Posted 3 years 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
    Forum Moderator
    Posted 3 years ago #

    See how this works:

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

    Thanks WPyogi, that worked great!

Topic Closed

This topic has been closed to new replies.

About this Topic