Issue with Responsive Tiny Nav when links clicked

I am having exactly the same problem here on a test site:

fwmdev.com/sata/

it is not browser specific and the button is very small when it shows up, looks like there is no menu at all.

In layout.css you have:

select.tinynav {
float: right;
width: 40px;
height: 30px;
border: none;
background: #ccc;
text-indent: -9999px;
background: url(../images/tinynav.png);
-webkit-appearance: dropdown;
}

increase width: 40px; and remove text-indent: -9999px;

add then at bottom:

select.tinynav, select.tinynav option{
color:black!important;
}

Hello Team,
Awesome template. Actually purchased it over the Joomlart one page template. My issue is the tiny nav on iphone when clicked ZOOM the site larger and when i select a menu title and click DONE; it goes to the section but does not resize BACK DOWN. I read this post and was wondering if there is a FIX i can implement. This action really is bad for such a nice template.

menu does not re-size because site is responsive and menu is actually select - dropdown

Thanks for the quick response. I may not have made myself clear. THe website (responsive) on the iphone or any mobile device I tried does not resize back down after it ZOOM in when user clicks on menu (dropdown). In this thread that I have joined the other gentleman had the same problem. If need be i can provide backend access to development site.

I installed the HOTSTART with sample data. So I have not made any changes. the DEV site is:
www.mckennahomebuilders.com/dev2

Can you demonstrate that with some snapshoot