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; } } }

Modifying panel height results in incorrect position on mobile devices

MaximeDemers

Hi,

I want to reduce the height of a widget panel. I did so using a css like

#My_Widget_panel {

height: 290px !important;

}

However, when I open the app on a mobile, the panel is not positioned a the the bottom of the screen.

Is there a way to position the panel correctly on mobile device?

Find more posts tagged with

Join the Conversation

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

Quick Links

All Communities
Recent Posts
Followed Content
Community Help

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