Why Doesn't My Taguchi Web Page Show as Responsive on Mobile?

Responsive layouts use screen width breakpoints to control how content displays across different devices. If a page isn't showing its mobile layout on some phones, it's usually because the device screen is wider than the defined mobile breakpoint.

---

What Is a Mobile Breakpoint?

A mobile breakpoint is a screen width threshold (measured in pixels) at which the layout switches from a desktop view to a mobile view. When a device's screen width is equal to or less than the breakpoint value, the mobile layout is applied.

Some modern phones — especially larger Android and foldable devices — have screen widths that exceed standard mobile breakpoint values, causing the desktop layout to appear instead of the mobile one.

---

Where to Find the Mobile Breakpoint Setting in Taguchi

In Taguchi, the mobile breakpoint is configured in the Layout Design settings of your web activity.

1. Open your web activity in the editor.
2. Navigate to Layout Design settings.
3. Locate the Mobile Breakpoint (px) field under the Content section.

The default value is 770 px. If a visitor's device has a screen wider than this value, the desktop layout will be shown.

---

How to Fix It

To ensure the mobile layout applies to a broader range of devices, increase the Mobile Breakpoint (px) value in the Layout Design settings.

Recommended approach:

• A value of 960 px covers most modern smartphones and tablets in portrait mode.
• Adjust the value based on the devices your audience is most likely to use.

⚠️ Increasing the breakpoint value may also affect how the layout appears on tablets and small desktop windows. Always preview your page across multiple screen sizes after making changes.

---

💬 For further assistance, contact Taguchi Support.

---