[Pro] Simple Site Search in Responsive Websites

Freeway
2

You should be able to handle this with some added media queries. Try the following pasted into Page>Html Markup in the before section of your results page.

<style type="text/css">
@media screen and (max-width:1024px)
{
#fwSearchResults { width: 960px; }
}
@media screen and (max-width:880px)
{
#fwSearchResults { width: 800px; }
}
@media screen and (max-width:768px)
{
#fwSearchResults { width: 720px; }
}
@media screen and (max-width:640px)
{
#fwSearchResults { width: 600px; }
}
@media screen and (max-width:480px)
{
#fwSearchResults { width: 460px; }
}
@media screen and (max-width:320px)
{
#fwSearchResults { width: 300px; }
}
</style>

You may well want to tweak the numbers a bit - I have just guesstimated them.

David

freewaytalk mailing list
email@hidden
Update your subscriptions at: