Responsive CSS issue with screen resizing

[npellegrino]

I am working with the YAML responsive framework and I am having an issue with the search field in Google Chrome. As you resize your Chrome browser window to the smallest width you see it positions underneath the logo but when you resize the screen back it stays floated near the bottom, but when you refresh it then goes back to the top… I am only getting this issue with Chrome, not sure if it’s my Chrome, an extension causing this, or some sort of float or clearfix issue. Any help would be greatly appreciated.

View issue: Demo Site

[caseydev]

I hope it will work

.flexible{
float: left;
}
@media (max-width: 480px){
.flexible{
float: none;
}
}

[caseydev]

Please replace with it. It will work properly
.flexible{
float: left;
}
@media (max-width: 640px){
.flexible{
float: none;
}
}

[Author]

Posts