Summary: This guide explains that when viewing your Sites website on mobile devices or smaller screens, the main menu will automatically condense to a minimized icon, ensuring the site remains responsive, easy to navigate, and visually appealing across all screen sizes.
Before You Begin
- This behavior is automatic and is a standard feature of responsive web design.
- No administrator action is required to enable this feature.
Step-by-Step Instructions
1. View your website on a Desktop / Large Viewing Screen. [The full Main Menu links are visible and displayed horizontally.]
2. View your website on a Mobile / Small Viewing Screen.
3. Observe the automatic change: The full menu will automatically condense into a minimized icon (often a hamburger icon ). [This is the mobile / small viewing screen menu example.]
4. Click the condensed icon to expand the menu links for navigation.
Desktop / Large Viewing Screen Menu Example:
Mobile / Small Viewing Screen Menu Example:
Troubleshooting & FAQs
- How do I disable the mobile menu condensation? This feature cannot be disabled. It is essential for responsive web design, ensuring your website remains usable and accessible on smaller screens without horizontal scrolling.
- Why does the condensation happen on my large desktop screen sometimes? Condensation occurs whenever the browser window size is reduced below a certain threshold, even on a large monitor, to simulate a smaller device view.