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?

Finde mehr Beiträge mit dem Tag

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?

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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