{"id":163787,"date":"2026-02-11T19:11:55","date_gmt":"2026-02-11T17:11:55","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=163787"},"modified":"2026-02-11T19:19:35","modified_gmt":"2026-02-11T17:19:35","slug":"troubleshooting-issues-with-mobiles","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/troubleshooting-issues-with-mobiles\/","title":{"rendered":"Troubleshooting – Issues with mobiles and tablets"},"content":{"rendered":"\n

There are a number of issues that can occur with websites when visitors are using mobile devices. Below are some of the most common.<\/p>\n\n\n\n

Elements disappear on mobiles or tablet<\/h2>\n\n\n\n

Elements hidden by design<\/h3>\n\n\n\n

Creators often have the option of hiding elements from view when the site is viewed from a mobile or table. <\/p>\n\n\n\n

To check to see if an elements is set to be hidden on mobiles and\/or tablets:<\/p>\n\n\n\n

For most elements:<\/p>\n\n\n\n

    \n
  1. Open the page in the Elementor Editor.<\/li>\n\n\n\n
  2. Select the element.<\/li>\n\n\n\n
  3. In the panel, click the Advanced<\/strong> tab.
    \"\"<\/li>\n\n\n\n
  4. Open the Responsive<\/strong> section.
    \"\"<\/li>\n\n\n\n
  5. Check the Hide On<\/strong> toggles to see what devices the element is hidden on.
    \"\"
    [callout type=”note”]If you added custom breakpoints, you may see more toggles.<\/li>\n<\/ol>\n\n\n\n

    Elements hidden by custom CSS<\/h3>\n\n\n\n

    Check your custom CSS for any issues. <\/p>\n\n\n\n

    To check you custom CSS<\/strong>:<\/p>\n\n\n\n

      \n
    1. Open the page in the Elementor Editor.<\/li>\n\n\n\n
    2. Select the element.<\/li>\n\n\n\n
    3. Click the Advanced<\/strong> tab.
      \"\"<\/li>\n\n\n\n
    4. Open the Custom CSS<\/strong> section.
      \"\"<\/li>\n<\/ol>\n\n\n\n

      Element Settings<\/h3>\n\n\n\n

      Some widget settings like Width zero or Opacity zero or Display Condition for widget or container.<\/p>\n\n\n\n

      To check the settings<\/strong>: <\/p>\n\n\n\n

        \n
      1. Open the page in the Elementor Editor.<\/li>\n\n\n\n
      2. Select the element.<\/li>\n\n\n\n
      3. Click the Advanced<\/strong> tab.
        \"\"<\/li>\n\n\n\n
      4. In the Layout<\/strong> section, make sure margins are set to the device type with the issue.
        \"\"<\/li>\n\n\n\n
      5. Check for any margins set to zero.<\/li>\n\n\n\n
      6. Scroll down to Display Conditions<\/strong> and make sure there are no conditions stopping the element from displaying. For details, see Show and hide elements on a page<\/a>.
        \"\"<\/li>\n<\/ol>\n\n\n\n

        Third-party plugins<\/h3>\n\n\n\n

        Third-party plugins or themes can affect the styling of mobile and tablet.<\/p>\n\n\n\n