Expendable search box - overflow not working

Hi guys,

I am trying to overflow the searchbox over my content but it breaks the searchbar instead of staying in one line.

This is what happens (screencast) and picture:


You can view the live demo here:

Can somebody be so nice to help me out here?



You will need to switch things up and how you do this. Basically you are just having a float drop because the width is too much. Add in the following

#subheader .payment-methods {
padding-right: 80px;
position: relative;

The padding is equal to the search buttons starting state. Position relative will start the stacking context used for later.

Then, on “.sb-search”, remove the float:right. Add in position:absolute;(change it from relative to absolute)top:0;right:0;

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.