Inconsisten Widget placement

jerome6

I've been running into an issue where the placement of my widgets in Editor mode doesn’t match up with their position in Live View. For example, as seen in the attached screenshots, I have to move the "Districts" text box lower in Editor mode to achieve the desired position in the Live View.

I've already tried changing the size and position from pixels (px) to percentage (%), but that doesn’t seem to make a difference. My laptop's screen resolution is 1920x1080 if that helps. Does anyone have suggestions or a fix for this?

Editor view

Live view:

  

JeffreyThompson2

The Preview mode will give a more accurate display of how your final app will look than the Live View or Builder screen.

To get your widgets to arrange themselves nicely, use one of the Layout Widgets, probably Column in your case, instead of placing them directly in the Sidebar Widget.

Your overall layout on the Page screen should come out looking something like this and those widgets should stack neatly.