Hi, it’s wonnky.com
Topic summary
A user is experiencing a mobile layout issue where their website extends beyond the screen width, allowing unwanted horizontal scrolling. They previously tried a fix that resolved the width problem but broke their sticky header functionality.
Proposed Solutions:
- EvinceDev suggested adding CSS code (
overflow-x: hiddenandwidth: 100%to body/html elements) to prevent horizontal scrolling - The original poster confirmed this fixed the width issue but caused the header to stop staying fixed at the top during scrolling
- Kyle_liu offered a modified solution adding
position: relativeto the CSS, which may resolve both the width and sticky header issues
Current Status:
The discussion remains open as the user is testing the latest CSS suggestion. The site (wonnky.com) is temporarily using the partial fix that resolves width but affects header behavior.