.top-bar-section ul li:nth-child(1) ul.dropdown {
-webkit-column-count: 1; }
-#searchform {
- display: none; }
-
-#searchform .button {
- display: none; }
-
-#lar-search {
- height: 30px; }
+@media only screen and (min-width:64.063em) {
+ #searchform .button {
+ display: none; }
+ #searchform {
+ display: none;
+ float: right;
+ height: 30px; }
+ #lar-search {
+ height: 25px;
+ padding: 0; } }
.blog-wrap {
background: url(../assets/repeating-pattern.jpg) repeat;
// blocks.init();
$("#searchIcon").click(function(){
if($("#searchform").css("display") == "none"){
+// $("#searchform").css("display", "inline");
$("#searchform").toggle("slide");
$("#searchIcon").css("visibility", "hidden");
- } else {
- $("#searchform").toggle("slide");
- }
+ }
$("#lar-search").focus();
});
$("#lar-search").blur(function(){
// blocks.init();
$("#searchIcon").click(function(){
if($("#searchform").css("display") == "none"){
+// $("#searchform").css("display", "inline");
$("#searchform").toggle("slide");
$("#searchIcon").css("visibility", "hidden");
- } else {
- $("#searchform").toggle("slide");
- }
+ }
$("#lar-search").focus();
});
$("#lar-search").blur(function(){
-<span>
+
<form role="search" method="get" id="searchform" action="<?php echo home_url('/'); ?>">
<input class="search-input" type="text" placeholder="Search" value="" name="s" id="lar-search">
<input type="submit" class="button" name="submit" value="Search">
</form>
-</span>
\ No newline at end of file
.top-bar-section ul li:nth-child(1) ul.dropdown{
-webkit-column-count: 1;
}
-#searchform{
- display: none;
-}
-#searchform .button{
- display: none;
+@media #{$large-up}{
+ #searchform .button{
+ display: none;
+ }
+ #searchform{
+ display: none;
+ float: right;
+ height: 30px;
+ }
+ #lar-search{
+ height: 25px;
+ padding: 0;
+ }
}
-#lar-search{
- height: 30px;
-}
\ No newline at end of file