Responsive Sheffield Blue v2.0

[spminis]

In the templates/ResponsiveSheffieldBlue/css/responsive_mobile.css file - here's what I did:

For Mobile Portrait -
~#364 I commented out the display:none...change to-

#navMainSearch{float:none;width:100%;border:1px solid #000;/*display:none;*/}

and I added line underneath it:

.search-header-box{width: 75% !important;padding-right: 1.5em;}

then, around line #3648 change #navMainSearch to :

#navMainSearch{top:0;}

For Mobile Landscape -
~#51 change to-

#navMainSearch{float:none;width:100%;border:1px solid #000;/*display:none;*/}

and add line underneath:

.search-header-box{width: 80% !important;padding-right: 1.5em;}

and

~#174 change #navMainSearch to

#navMainSearch{top:0;}

I didn't have any luck with this until I added the '!important - then it showed up

I fiddled with the width %, working with my own iphone 6s+

Also fiddled with the padding so that the little search icon didn't overlap the search box. My head hurts when I'm trying to sort out margins/padding!

I'm using zen cart 1.5.5d, Responsive Sheffield Blu2 2.0 and a bunch of mods.

Thanks so much. That worked, sort of. The search box is there and it's ok on the home page. However it's right on top of the "shop" text whether it's portrait or landscape when you click on the menu. It's a test site. www.spminiatures.com/storetest2

Carol