Category
Search
Filter
  • All (536)
  • For Hosting Companies (411)
  • For Website Owners (396)
    • How to fix mobile size issues?
    ›
    Website Builder

    How to fix mobile size issues?

    If your website layout and text appear distorted or out of place on mobile devices, it’s likely due to custom size settings.

    The reason why it happens:
    1. Custom Height and Width settings:

      2. The issue arises because you’ve set fixes in pixels "Height" and "Width" values for your layout. These fixed sizes apply across all devices, which is why the design looks distorted on different screen sizes.

    2. Min/Max layout size configurations:

      3. When you set "Min" or "Max" size values for layouts designed on wide screens, these settings carry over to mobile views, causing the design to look misaligned.

    Steps to resolve mobile size issues:
    1. Go to "Page Structure" in right toolbar of your website builder;
    2. Go through the entire layouts structure and check all elements with "Horizontal" and "Vertical" layout types;
    3. In the right toolbar select "Size", and check all elements:
      • "Width" should preferably be "100%" or "Auto";
      • "Height" should be "Auto";
      • All "Min" and "Max" checkboxes in Size section should be off (This ensures your layout automatically adapts to different screen sizes).
    4. Check elements on each page;
    5. Click on the "Preview" to check the result.
    Note: By following these steps, your website will have a responsive design that works seamlessly across PCs, tablets, and mobile devices.

    People also found this article using these queries:

    • How to resolve problems with mobile screen problems.
    • How to solve mobile device sizing problems.
    • Overlapping issue on mobile
    • PC, Tablet, Mobile layout size
    • Mobile image distortion
    • Mobile site issues
    • Mobile vs Desktop site
    • Mobile website not updated
    • Mobile Responsiveness no working
    • How to fix distorted layouts on mobile devices?
    • Making my website responsive for smartphones
    • Why my text and elements look misaligned on mobile?
    • Steps to remove fixed height and width values from page elements
    • How to adjust layout settings for mobile views?
    • Why wide-screen settings affect mobile design?
    • Instructions for checking Horizontal and Vertical layout types
    • Steps to make all elements better on mobile display
    • How to preview pages after fixing mobile layout issues?
    • Which elements cause design problems on phones?
    • Adjust layout sizes
    • I want to ensure my website adapts correctly to tablets and PCs
    • How to correct settings that break mobile design?