Search Bar Disappears When Viewed in Mobile

[ontiversmo]

I like having a search bar on my website, and I would like it even more if the search bar stayed in the header when the site is viewed on a mobile device. I can't figure out how to make it stay put when the screen size is reduced.

Thanks!
Steve O.

http://blenderbabes.com

[mickmel]

At approximately line 2283 in your main style.css file it sets the search to "display: none;". Remove that line and you should be good.

[nunotmp]

Mickmel is correct. You style sheet uses this style

#nav li.right {
display: none;
}

when the screen size is lower than 960px. If you remove the display: none; you will need to add some additional styles to position the search properly or it will float off to the right. Good luck.

---

Genesis Child Themes – Follow Me

[ontiversmo]

Nice, thank you both. I found the line of code and removed the display: none;

I suppose my friend will ask me to center the search bar in mobile, while keeping it flush right in larger screens. Any chance I can trouble you for some assistance to get that part right?

[Author]

Posts