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

Custom mobile app layout changes desktop layout

MayaFleagle

Hello Experience Builder Community,

I am having trouble making a separate mobile layout in the Experience Builder. When I try to edit the custom mobile layout, any edits I make also update the desktop layout.

This is my desktop layout:

This is my custom mobile layout:

This is my desktop layout after editing my custom mobile layout:

Does anyone have thoughts on why this is happening?

Thank you!

Maya

Screenshot 2024-08-28 at 12.58.30 PM.png

Screenshot 2024-08-28 at 1.05.47 PM.png

Screenshot 2024-08-28 at 1.06.14 PM.png

Vind meer berichten getagd met

ArcGIS Online

Accepted answers

Shengdi Zhang

Hi @MayaFleagle ,

Are you using the same button widgets in your mobile layout? If so, the widget settings will be synchronized across all screen devices. You can duplicate the layout widget where the button is in and move the original layout widget to the pending list.

Regards,

Shengdi

All comments

Shengdi Zhang

Hi @MayaFleagle ,

Regards,

Shengdi

MayaFleagle

I have tried to follow the instructions from the documentation page. As seen in the second photo, I selected the custom editing view. After clicking the "Custom" button, I arranged the widgets manually. After that, I went to view the large-screen layout and my heading text had shrunk to the size of the text in my small-screen layout (shown in the last photo). It seems any changes I make to the small-screen layout also change the other layouts, though I have been editing in the "Custom" mode.

kenbuja

Are you following the instructions from documentation page "Refine layers for all devices"?

To create a separate layout for a medium- or small-screen device, click the Custom button next to the layout of the page or window. Then you can manually arrange and resize widgets and windows for the selected screen device. To remove a widget or screen group from a small device layout, click the Move to the pending list button on its toolbar. This removes the widget or screen group from the canvas of the current device and saves its configuration in case you need to add it back to the layout. Once you enable the custom layout option, if any other widgets are added to other device modes, they aren't added to the current device. You can manually add them from the Pending tab in the Insert widget panel.

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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