{"id":9543,"date":"2026-04-09T16:37:33","date_gmt":"2026-04-09T16:37:33","guid":{"rendered":"https:\/\/www.hostinger.com\/support\/?p=9543"},"modified":"2026-05-08T13:03:32","modified_gmt":"2026-05-08T13:03:32","slug":"hostinger-website-builder-how-to-fix-editor-and-display-issues","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/hostinger-website-builder-how-to-fix-editor-and-display-issues\/","title":{"rendered":"Hostinger Website Builder: Troubleshooting Common Website Issues"},"content":{"rendered":"

When working on Hostinger Website Builder, ensure you are using the <\/span>Google Chrome<\/span><\/b> browser for the best experience with the platform. <\/span><\/span><\/p>

Website looks different on mobile<\/h2>

The Hostinger Website Builder features independent editors for desktop and mobile devices<\/a>. <\/span><\/span>This allows you to create a unique layout for each screen size. <\/span><\/span><\/p>

    \n
  1. \n

    In the editor, click the <\/span>phone icon<\/span><\/b> in the top navigation bar to switch to the mobile view.
    \n\"Mobile
    \n<\/span><\/span><\/p>\n<\/li>\n

  2. \n

    Review the element placement. <\/span>If objects are out of order, drag and drop them to the desired position within their section. <\/span><\/span>Avoid moving elements between different sections in mobile view, as this can affect the desktop layout. <\/span><\/span><\/p>\n<\/li>\n

  3. \n

    Use the <\/span>eye icon<\/span><\/b> in the layers panel to hide specific elements on one device type if you want different content to appear on mobile versus desktop.<\/span><\/span><\/p>\n

    \"Website<\/p><\/li>\n

  4. \n

    Click <\/span>Update website<\/span><\/b> in the top-right corner to publish your changes. <\/span><\/span><\/p>\n<\/li>\n<\/ol>

    Website errors after adding custom code<\/h2>

    Custom code snippets can sometimes conflict with the builder’s infrastructure. <\/span><\/span> Use this process to determine if custom code is causing your display issues.<\/span><\/p>

      \n
    1. \n

      Navigate to <\/span>Website Settings<\/span><\/b> → <\/span>Integrations<\/span><\/b><\/a>. <\/span><\/span><\/p>\n<\/li>\n

    2. \n

      Copy your code to a safe place for backup, then remove all snippets from the <\/span>Custom code<\/span><\/b> field. <\/span><\/span><\/p>\n<\/li>\n

    3. \n

      Check your pages for <\/span>Embed code<\/span><\/b> elements and temporarily remove the code within them. <\/span><\/span><\/p>\n<\/li>\n

    4. \n

      Click <\/span>Update website<\/span><\/b>. <\/span><\/span><\/p>\n<\/li>\n

    5. \n

      Open your live website in a new tab. <\/span><\/span><\/p>\n