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

Web App Builder Widget Spacing Issue

joerodmey

Using WAB dev edition. My widgets seem to be spacing out incorrectly at certain screen sizes.

Here is the config.json:

Any ideas?

Encuentra más publicaciones etiquetadas con

Accepted answers

RickeyFight

joe rodmey‌

You need to change all 4 of the "left": lines until you get the desired location.

All comments

joerodmey

Si I need to change the 45?

RickeyFight

I believe its your

"position":{
   "left": 45,
‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

You have a space of 100 from the select to the query but the other ones are 45 and 55 so only 10 px spacing which is why they overlap

joerodmey

See inlcuded

RickeyFight

joe rodmey‌

Can you provide some screenshots of what you are seeing?

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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