Public Forums 71,145 posts

[slepoy Friend slepoyJoin date: January 2013Posts: 103Downloads:10Uploads:67 Thanks: 19 Thanked: 7 times in 5 posts]

#191909

Hello.

Is it possible to display “Search module” always like in Tablet view? I like this compact style.

Somr time ago I tried simply to copy code from one file and paste/replace to another. But it didn’t worked properly :[

Thanks.

p.s: please don’t move topic to private Ja Elastica section.

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#510990

Hi slepoy,

You can get your requirement by adding below css styles into the end of templates/ja_elastica/css/template.css file:

#ja-search {
bottom: 0;
height: 40px;
width: 40px;
padding: 0;
position: relative;
right: 0;
border-bottom: 0;
float: right;
}

#ja-top {
width: 200px;
}

#ja-search .search-btn {
background: url(../images/icon-search.png) no-repeat center;
float: left;
width: 30px;
height: 30px;
background-color: #222;
margin-top: 5px;
}

#ja-search form.search {
background: #ec534d;
position: absolute;
top: 35px;
right: 10px;
padding: .5em;
width: 200px;
float: left;
display: none;
}

#ja-search:hover form.search, #ja-search.active form.search {
display: block !important;
}

#ja-search .inputbox {
background: #222;
border: 1px solid #222;
color: #CCC;
margin: 0;
padding: 4px 0;
text-indent: 10px;
width: 100%;
}

Then clear JAT3 cache.

1 user says Thank You to phong nam for this useful post

1. slepoy

[slepoy Friend slepoyJoin date: January 2013Posts: 103Downloads:10Uploads:67 Thanks: 19 Thanked: 7 times in 5 posts]

#511708

Thanks. It was made 🙂

[Author]

Posts