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?

Vind meer berichten getagd met

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?

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.