Fix: Mobile layout issues (what to try)

What you’ll learn

Quick fixes for common mobile issues in D2C Lab (layout looking broken, buttons misaligned, cards overflowing, text too big, or pages not updating correctly).

---

What this issue looks like

You might notice:

• cards are cut off or overflow the screen

• text is too large or wraps badly

• buttons appear off-screen

• scroll feels “stuck” inside a modal

• a page looks different on mobile vs desktop

• Kanban drag-and-drop feels difficult (or doesn’t work as expected)

---

Fix it fast (do these in order)

1) Refresh once

A simple refresh fixes most “stale layout” issues.

---

2) Rotate your phone (portrait ↔ landscape)

Sometimes the browser gets stuck with an old viewport width.

Fix:

• rotate once to landscape

• rotate back to portrait

• refresh

---

3) Close extra tabs

Multiple open tabs can cause weird session and layout behavior.

Fix:

• close all D2C Lab tabs

• open one fresh tab

• log in again

---

4) Check your browser zoom / text size

Mobile zoom or large text can break layouts.

iPhone (Safari):

• Tap the aA icon in the address bar

• Set Page Zoom to 100%

Android (Chrome):

• Browser menu → Settings → Accessibility → Text scaling

If your phone has very large system text:

• reduce text size slightly (temporarily) and re-check the layout.

---

5) Turn off Reader mode (if enabled)

Reader mode can remove styles and break layouts.

Fix:

• disable Reader mode and refresh.

---

6) Clear site data (best fix if it keeps happening)

If layout is consistently broken on normal browsing but works sometimes, clear site data.

Safari (iPhone/iPad):

1. iPhone Settings → Safari

2. Advanced → Website Data

3. Search d2clab

4. Delete

5. Reopen Safari and log in again

Chrome (Android):

1. Chrome → Settings

2. Privacy and security → Clear browsing data

3. Clear Cookies and site data + Cached images/files

---

7) Try incognito/private window

If incognito works but normal doesn’t, it’s usually cache/session or a content blocker.

Fix:

• clear site data

• disable blockers (next step)

---

8) Disable content blockers / ad blockers (temporary test)

Some blockers interfere with layout scripts and modals.

Safari (iPhone):

• Settings → Safari → Content Blockers (disable for testing)

Chrome (Android):

• disable any ad blocker app or browser extension (if used)

Then refresh and test again.

---

Kanban note (mobile behavior)

Kanban is mobile-friendly for viewing and quick updates, but drag-and-drop can be harder on mobile depending on device/browser.

If you struggle to drag cards:

• try on desktop for precise drag-and-drop

• or try a different mobile browser

If drag is fully broken on mobile, report it (details below).

---

Quick checklist (30 seconds)

• ✅ Refresh once

• ✅ Rotate screen and refresh

• ✅ Close extra tabs

• ✅ Page zoom = 100%

• ✅ Clear site data for d2clab.co

• ✅ Incognito test

• ✅ Disable content blockers/ad blockers

---

If it still looks broken (report it)

Post this in:
feedback.d2clab.co → Bug Reports

Include:

1. Which screen/tab (Master List / Validator / Calculator / Suppliers / Kanban)

2. What looks wrong (one sentence)

3. Device + browser (example: iPhone 15 / Safari)

4. Screenshot or screen recording

5. Whether it works in incognito (Yes/No)

6. Whether page zoom/text size was changed (Yes/No)

---

Related articles

• Fix: Browser caching issues (incognito works but normal doesn’t)

• Fix: Buttons/menus not clickable (Safari/Chrome quick fixes)

• Login issues after payment (common fixes)