when i paste this code from you this happens in the password page:
/* Prevent horizontal overflow */
html, body {
width: 100%;
overflow-x: hidden;
}
Topic summary
A user is experiencing a mobile viewport issue where their website appears zoomed in on initial load, allowing unwanted horizontal scrolling. After manually zooming out, the site displays correctly but loses vertical scrolling functionality.
Suspected Cause:
The issue may stem from custom CSS used to reposition the hamburger menu and cart icon further apart on mobile devices.
Proposed Solution:
A helper suggested implementing several CSS fixes:
- Verify proper viewport meta tag configuration
- Add
overflow-x: hiddento html/body elements - Ensure images/videos have
max-width: 100% - Apply the CSS to theme.scss or base.css files
Current Status:
The overflow fix partially works but creates a new problem: an unwanted button outline appears on the password-protected page. Additional CSS was provided to remove underlines from the password entry link. The discussion remains ongoing as the user works through implementation issues with the suggested code.
