Support » Theme: Sydney » Issue with mobile responsiveness

  • Hi,

    I am facing an issue where our landing page is not fully mobile responsive. When I enter the page by phone it looks fairly “zoomed in” and you can scroll a little to the right.

    Is there some way to make the page fully adjusted to the phone screen right from the moment you enter it?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Hi,

    As checked, the input fields of the contact form are wider than the mobile screen. It indeed causes horizontal scrolling on the page. To fix this, you can add the below CSS code to your website’s Additional CSS.

    
    html,
    body {
      overflow-x: hidden;
    }
    
    @media only screen and (max-width: 500px) {
    
      select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
        max-width: 100%;
      }
      
    }
    

    I hope that helps.

    Regards,
    Kharis

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.