Search bar

• 

  maebelbakker · Member · May 24, 2016 at 10:55 am

  • Copy link
  • Add topic to favorites

  Hi there,

  I have a question about putting a search bar on a website. I work in this website > https://spanishschooltours.com/

  I currently have the search bar in the footer widgets but this appears weird on a mobile phone. Is there a CSS coding i can use to delete the “GO” button but keep the search bar, and in order to search users will just click enter.

  Thank you in advance!

  The blog I need help with is: (visible only to logged in users)

• 

  kathrynwp · Staff · May 24, 2016 at 4:30 pm

  • Copy link

  Hi there – looks like your custom CSS is breaking the intended mobile footer-widget layout:

  .footer-widgets {
    display: flex;
    justify-content: space-around;
  }

  You can either remove that bit of CSS to restore the expected display, or you can remove the “Go” submit button on small screens with this custom CSS:

  @media screen and (max-width: 779px) {
    .footer-widget #searchsubmit {
       display: none;
    }
  }