Microsoft Attack Simulator - Landing Pages on Mobile Devices

[mohammedHaif]

Hi All, 

I have a question with regards to the Phish Landing pages used in Attack Simulation not rendering correctly when opened in mobile devices (PFA). 

These pages work perfectly fine on desktop and render perfectly. But during our testing when we opened the same landing page on mobile devices of smaller - medium screens, the webpage is basically broken. I cannot even pinch and move the webpage in any direction.

Is there a fix to this from MS? Or anyone within the community? 

Thanks!

Note: This is the default landing page provided within MDAST and was not modified whatsoever. 

[#2]

I successfully discovered a workaround to address this particular challenge.

When setting up email notifications for users who fall victim to phishing campaigns, I observed that the underlying code for email notifications had improved padding and width within the body.

Copied this code and pasted it under the phishing landing page wizard and later added teh necessary content, Tips section with email view etc.,

This seems to have fixed the incorrect rendering issues. 

[#3]

@mohammedHaif 

If you are referring to landing pages on mobile devices within the context of Microsoft Attack Simulator, it's crucial to ensure that your simulated phishing campaigns are effective across various platforms, including mobile devices. Many users access their emails and other communication tools on mobile devices, so testing the security awareness and resilience of employees on these devices is essential.

To create landing pages that are compatible with mobile devices, you should consider the following:

1. Responsive Design: Ensure that your landing pages are designed responsively, adapting to different screen sizes and orientations. This ensures a seamless experience for users accessing the page on mobile devices.

2. Mobile-Friendly Content: Keep your content concise and easy to read on smaller screens. Avoid clutter and prioritize the most critical information to maintain user engagement.

3. Testing Across Devices: Before launching any simulated phishing campaigns, thoroughly test your landing pages on various mobile devices to identify and address any compatibility issues.

4. Browser Compatibility: Ensure compatibility with common mobile browsers such as Chrome, Safari, and Firefox. Test your landing pages across different browsers to catch any rendering issues.

5. Touch-Friendly Interactions: Consider the touch interface of mobile devices. Ensure that any interactive elements, such as buttons or forms, are easy to use and responsive to touch gestures.

6. Performance Optimization: Optimize your landing pages for fast loading times on mobile networks. Users on mobile devices may have slower internet connections, so minimizing page load times is crucial for engagement.

7. Security Measures: If your landing pages involve login screens or other sensitive information, ensure that the security measures are robust and compatible with mobile security standards.