Search Site Mobile Viewing

5 posts from 3 voices

• Started 9 months ago by Scott
• Latest reply from Mya
• This topic is closed
• This topic is resolved

Tags:

• mobile
• search

1. 

   Scott
   Member

   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

   Posted 9 months ago #
2. 

   Mya
   

   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

   Posted 9 months ago #
3. 

   Devin
   Moderator

   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

   Posted 9 months ago #
4. 

   Scott
   Member

   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

   Posted 9 months ago #
5. 

   Mya
   

   Scott,

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

   Regards,
   Mya

   Posted 9 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.