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

Widget buttons are overlapping in WAB

joerodmey

My widget buttons 1 and 2 are overlapping each other in WAB (Image below). How do I fix this in the code?

Thanks

Find more posts tagged with

Accepted answers

All comments

joerodmey

That huge gap between buttons is my problem. Button 1 and 2 are on top of each other where the swap icon is. I can only have 3 widgets

RobertScheitlin__GISP

Joe,

Sorry you have cropped you image down so far I can not tell what the on screen widget placeholder is overlapping.

joerodmey

Hmmm...I've attached now

RobertScheitlin__GISP

Attached image?...

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.