1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to Correctly Display Google Search Box For Mobile Browsers?

Discussion in 'Web Design' started by vintageadult, Oct 16, 2016.

  1. vintageadult

    vintageadult Regular Member

    Nov 28, 2014
    Likes Received:
    We are using a google search plugin on our website . It looks great in desktop browsers. However it looks so long in Mobile browsers. How can we make this mobile compatible?
    We are using custom css.

    Our website: Click here

    Please help about fixing this css for mobile browsers.

    Here is the custom css:

    .wgs_wrapper {
    width: 700px;
    margin-left: 30px;

    .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    width: 30px;
    height: 30px;
    margin-left: 25px;

    .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    padding: 2px;

    #widget .wgs_wrapper tr td {
    padding: 0 2px 0 0;

    td.gsc-search-button {
    width: 50px;
    Last edited: Oct 16, 2016