Fix Microsoft Forms Title and Logo Cut Off on Mobile Devices
Question details
The user needs a solution for Microsoft Forms titles and logos getting truncated when viewed on a mobile device.

- Product
- Microsoft Forms
- Device & OS
- Mobile OS
- Scenario
- Distributing a created Microsoft Form to respondents who open the questionnaire on their smartphones.
- Observed behavior
- The form displays correctly on desktop browsers, but the title and logo are cut off on mobile screens, regardless of the background theme applied.
Before attempting any workarounds, test your Microsoft Form URL on at least two different mobile browsers (such as Chrome and Safari) and clear your mobile browser cache to rule out temporary rendering glitches.
Apply Formatting Workarounds for Mobile Layouts
Adjusting your form's title length and logo dimensions can help bypass the responsive rendering limitations in Microsoft Forms.
Since Microsoft Forms has known responsive layout limitations on mobile devices, you cannot directly edit the HTML or CSS. Instead, tweaking the form content can force the mobile layout to display properly.
Click on the title of your form in the editor and reduce the character count. A concise title is less likely to wrap poorly or get cropped in the narrower mobile header.
If you uploaded a wide or rectangular logo, delete it and upload a square version (e.g., 96x96 pixels). Square images scale much better within the restrictive mobile header container.
Click on 'Theme' in the top right corner. Instead of a highly customized or complex background image, select a solid color or a basic Microsoft-provided theme that handles responsive scaling more gracefully.

Submit Feedback to Microsoft Support
Reporting the rendering bug directly to Microsoft helps prioritize an official fix for mobile devices.
Create Flawless Mobile-Responsive Forms with WPS Office
Tired of layout issues and cut-off logos? Switch to WPS Office. As a powerful, lightweight suite, it offers excellent tools for your daily productivity needs. Enjoy perfectly responsive mobile layouts, a familiar interface, and seamless document management without the common formatting bugs.
- 1. Download WPS Office: Visit the official WPS website and download the free installation package for your device.
- 2. Install the Suite: Run the installer and follow the quick on-screen instructions to set up WPS Office on your computer or mobile device.
- 3. Start Creating: Open WPS Office to effortlessly create, edit, and share perfectly formatted documents, spreadsheets, and presentations.

Frequently Asked Questions
Why does my Microsoft Form look fine on a computer but get cut off on my phone?
Desktop monitors have wider aspect ratios that easily accommodate long titles and large logos. Mobile browsers rely on responsive design rules that sometimes fail to scale these elements correctly in Microsoft Forms, causing the edges to be truncated.
Can I use custom CSS to fix the mobile layout in Microsoft Forms?
No, Microsoft Forms does not currently support custom CSS or advanced HTML editing. This restricts your ability to manually adjust mobile breakpoints, meaning you must rely on content adjustments like shorter titles as a workaround.
Are there specific image dimensions I should use for a Microsoft Forms logo?
While Microsoft does not enforce strict sizing limits for logos, using a 1:1 square aspect ratio (such as 96x96 or 128x128 pixels) generally prevents the image from bleeding off the screen on narrower mobile devices.
Will changing the mobile browser fix the logo cut-off issue?
Rarely. Because this is primarily an internal Microsoft Forms CSS rendering issue, the cut-off usually persists across Chrome, Safari, and Edge on mobile. However, keeping your mobile browser updated can prevent additional display glitches.




