Hello!

First off, I love your themes! They look great! How do I get my search bar, icon, and search text aligned? The URL is preview.pyrospec.com/. Screenshot is attached. Any help would be appreciated. Thanks.

Cheers.

Steve.

You need to enter a space in the one of search fields to get rid of the extra search

What are you intended it to look like with the icon and the Go button?

Cheers
Paul

Paul --

Thanks for your reply. I was hoping to get it to look like the search field in the demo site, but I can't figure out the correct settings. What are the module settings, responsive layout, and CSS to make my site look like the demo? From my perspective there are four elements:
1. The magnifying glass -- I need it to be on the left side of the search box. I applied some CSS to try to get this to layout correctly, but it won't work with the responsive design. I can remove the CSS if it would be helpful.
2. Search word -- I need the word search inside the "go" button.
3. Search word in text entry field -- This is the search word inside the search box that goes away when you click on it. Although not part of your demo, I like this functionality.
4. Responsive layout -- My search box isn't working correctly on various displays. For mobile it is resizing to two lines and looks awful.

I have very little styling applied to the site and I can't figure this out. Here is my custom CSS, goo.gl/jRqI8Z.

Any help or insight you can offer would be greatly appreciated. Thanks!!

Cheers.

Steve.

This is from the quickstart demo site

The arrow marks the space

#search button {
float: left;
}

Will move the button to the left

Cheers
Paul

Paul --

Thanks for your reply. I see what the issue is, you're using the "search" module and I was using the "smart search" module. Would it be possible for you to send me the settings that would work fort the smart search module? It's a much better search functionality than the standard search functionality. What do you think? Would you be interested in helping me apply this? It would be really appreciated. Thank you.

Cheers.

Steve.

Hi Steve,

We don't use the smart search module on the demo site but this is what I'd do



#search i {
position: relative;
margin-left: 0px;
line-height: 1.5em;
}

#search input {
text-indent: 10px;
padding-left: 0px;
}

.form-group {
margin-bottom: 0;
}

Cheers
Paul

Paul --

You are a genius! Who's awesome?! You're awesome. Thanks!

Cheers.

Steve.

Thanks

One of my favourite quotes is from the above gentleman

"It has been my experience that folks who have no vices have very few virtues."

Good luck with the site

Cheers
Paul

This thread saved me a lot of time! Thanks guys!

You're welcome

Cheers
Paul