nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Nearby Instant App - custom CSS

NataliyaLys

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.

Thank you,

Find more posts tagged with

Nearby

Accepted answers

khutchins

Try the following:

.app-header{display:none}

All comments

CameronBlandy

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.

NataliyaLys

Thank you. That was way easier than I thought.

khutchins

Try the following:

.app-header{display:none}

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.