Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #15270

    I noticed that when viewing either the demo site or my own on my iPhone, the search box disappears. Can this be fixed?

    Thanks,

    Scott

    #86864

    Hi Scott,

    I don’t have an iPhone to check this so I’m going to tag the rest of the team to see if they can help you.

    Regards,

    Mya

    #86865

    Hi Scott,

    You’ll need to add some new css for since the search form isn’t styled for the smaller screen sizes. Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    @media only screen and (max-width: 767px) {
    .responsive .header_meta #searchform {display: block;margin-left: 83px;}
    .header_meta #s {width: 190px;}
    }
    @media only screen and (max-width: 479px) {
    .responsive .header_meta #searchform {display: block;margin-left: 0px;}
    }

    Regards,

    Devin

    #86866

    Hey Devin and Mya,

    Thanks! Works great. I just had to add a little padding to the bottom to lift it up but it’s perfect!

    Thanks again,

    Scott

    #86867

    Scott,

    Glad Devin was able to help you! Let us know if you have any more questions.

    Regards,

    Mya

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Search Site Mobile Viewing’ is closed to new replies.