How to make search button invisible on smaller screens? - JoomlArt

Forums Joomla Templates Club JA Platon How to make search button invisible on smaller screens?

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
Pankaj Sharma Moderator

Pankaj Sharma
Join date:
February 2015
Posts:
24589
Downloads:
144
Uploads:
202

Thanks:

127

Thanked:

4196 times in 4019 posts
December 15, 2016 at 2:28 am #994725
Hi
Add below code in custom.css file to show the search button
```
div.finder {
    display: -webkit-inline-box;
}
```
Hope it helps .
tresoar Friend

tresoar
Join date:
November 2014
Posts:
203
Downloads:
15
Uploads:
34

Thanks:

35

Thanked:

2 times in 1 posts

December 16, 2016 at 8:28 am #995031

Actually I want the search button gone on smaller screens.. Not to show the button. The button already shows.
Pankaj Sharma Moderator

Pankaj Sharma
Join date:
February 2015
Posts:
24589
Downloads:
144
Uploads:
202

Thanks:

127

Thanked:

4196 times in 4019 posts
December 16, 2016 at 8:42 am #995035
Hi
Add below code in custom.css file to remove the button from smaller views
```
@media (max-width:768px) { div.finder .btn {display:none;} }}
```
Regards
tresoar Friend

tresoar
Join date:
November 2014
Posts:
203
Downloads:
15
Uploads:
34

Thanks:

35

Thanked:

2 times in 1 posts

December 16, 2016 at 3:00 pm #995143

Thanks, it works!

Pankaj Sharma Moderator

Pankaj Sharma
Join date:
February 2015
Posts:
24589
Downloads:
144
Uploads:
202

Thanks:

127

Thanked:

4196 times in 4019 posts

December 19, 2016 at 2:08 am #995431

You are welcome!
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

This topic contains 5 replies, has 2 voices, and was last updated by Pankaj Sharma 7 years, 11 months ago.

The topic ‘How to make search button invisible on smaller screens?’ is closed to new replies.