[Pro] responsive search results

Freeway
1

Have some problems with making the search results on this page nice responsive,

Help is welcome! Thx

http://www.sio.graphicid.nl/search.html

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

link changed, but till the same problem

http://www.sio.graphicid.nl/zoeken.html

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Erik,

Go to Page > HTML Markup… > Before </head>, and paste this in there:

<style type="text/css">
	div#fwSearchResults, table#fwSearchResults {
		width: 100%;
	}
</style>

You might have to stick an !important in there between the 100% and the semicolon, but try it without first.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Very helpful Caleb,

I understand the principle but how do I find the right div and Table names

I have to do the same now for my search fields here:
http://www.sio.graphicid.nl/contact.html

they react ok until 320px but then it goes wrong

Thx

Erik

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Erik,

To find the right div and table names, you will need to use the web inspector in your favorite browser (I find Safari’s web inspector to be the easies to use). Click on the crosshair icon and then click around the webpage. It will highlight the element in the source, and show any CSS in the sidebar, all of which is editable. Play around - you can’t ruin anything and it’s incredibly educational.

However, as I think those names are set by the SSS action itself, they shouldn’t change so that CSS should be 100% portable.

Regarding the contact form, check the width of “Box2” at the 480px breakpoint. It’s set to 150%, which obviously isn’t what you want it to be.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

Thx again

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options