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

What are the break points for Large/Medium/Small screens in Experience Builder?

Scott_Sambell

Hello. Does anyone know where i can see what pixels the break points are at to dynamically change between the different screen sizes? I could probably play around with a screen measuring extension but i assume its preset at something logical. I just can't see anywhere that it is defined. I don't want to change it. I just want to know what it is.

Thanks.

Find more posts tagged with

Accepted answers

DanJiang

Hi @Scott_Sambell , the breaking points are 992px and 576px, width larger than 992 will use the desktop layout and width smaller than 576 will use the mobile layout. I'm afraid there is no option to change the breaking points now.

All comments

DanPatterson

Experience Builder screen size issues - Esri Community has a useful link, which goes to

Problem: The ArcGIS Experience Builder Widget Size and Position Do Not Adjust According to (esri.com)

worth a look, but not a definitive answer as I suspect you are looking for

Scott_Sambell

Thats really interesting Dan. Thanks for putting me onto that. Like you said though, doesn't exactly answer my quandary. In WAB i remember once writing the breakpoint into the URL manually because i wanted to overwrite the default. I wonder if Experience Build does the same thing?

DanJiang

Scott_Sambell

Thanks Dan, that's exactly what i needed, cheers.

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.