My seach module breaks the layout

My seach module breaks the layout. How do I fix this?

http://koshernutsandcandy.com

It appears to be due from the custom padding. There's two ways to go about this, lose the padding or hack a size override for that input.

The latter takes a wee bit of work, but will preserve your desired layout.. the trade-off with be minor compression of that search input field, basically shrinking it.

To pull this off, you'd probably want to conduct the process in an over-ride sort of way.

Step 1. In your current template folder(yourstore/includes/templates/yourtemplate)
Insert a new subfolder into your main template folder and name it "sideboxes".

Then, go into "template_default" template folder(yourstore/includes/templates/template_default) and open up it's subfolder called "sideboxes". Go into that said subfolder and download "tpl_search.php" to your desktop.

Go to your desktop and open that file, you will see two instances of:

($column_width-30)

I forget what your custom padding was, but try to degrade the value in increments of 5 or perhaps less.

($column_width-25)

What this will due is reduce the overall width of the search input field against the actual column width. Therefore, fitting it back in. Experiment by say.. adjusting both $column_widths to -25.

Step 2. Upload the desktop "tpl_search.php" into your current template's new "template" subfolder. Note the change on your store front and adjust the values until you have it looking snazzy as can be. :D

Sorry, I just checked on the procedure and it's best to increase the values instead of my babble above. I wasn't thinking right, like usual. :wacko:

Try ($column_width-50) for starters.

Yeah I just figured that out. You'd think decreasing the value would make it smaller but it is just the opposite. Thanks it works now.

It does look perfect now and you're welcome. :smile: