Hi Kelly,
This is very helpful, thank you.
I'm curious, is this "by design"/intentional? Ideally our org tries to avoid customization/coding if possible. This makes our applications more sustainable and reduces the risk of custom code breaking the app if changes are made by the AGOL team in the future.
That being said, I was able to test your CSS and it does appear to help the centering issue but the extent of the map is still cropped from what the bookmarks should show.
Here's an example:
In desktop the bookmark will look like this- including the entire AOI (area of interest):
In mobile view it appears like this- the map extent/AOI is cropped/zoomed in.
The way the Web App Builder handles bookmarks is a great example for what we're looking for in the Sidebar Instant App. The Bookmark/AOI is not cropped, and the map is centered at the top of the screen (without custom CSS).
Here's an example of what that looks like below:
Desktop bookmark extent:
Mobile view for bookmark extent:
Can this be resolved/have an equivalency for bookmark behavior on mobile devices?
Thank you,
Amanda Huber