Nearby Instant App - custom CSS

1630
3
Jump to solution
08-04-2021 01:08 PM
NataliyaLys
Occasional Contributor II

Hello,

I created an instant NearBy app, and I would like to hide a Header section. I added the following to the Custom CSS section: .panel .app-header {display: none !important;} 

The CSS above removed the header but only from desktop view, the header is still there for tablet/mobile views. How to I hide a header for tablet/mobile views.

NataliyaLys_0-1628107534150.png

 

Thank you,

 

 

0 Kudos
1 Solution

Accepted Solutions
KellyHutchins
Esri Frequent Contributor
Try the following:

.app-header{display:none}



View solution in original post

3 Replies
KellyHutchins
Esri Frequent Contributor
Try the following:

.app-header{display:none}



NataliyaLys
Occasional Contributor II

Thank you. That was way easier than I thought. 

0 Kudos
CameronBlandy
Occasional Contributor

Related to CSS for the Nearby on the Instant Apps I am wondering if there is some CSS tricks to set the background colour for the each of results based on an attribute from the feature.

0 Kudos