/* ========================================================================== mobile-fixes.css — webuyhouses916 static clone Surgical, MOBILE-ONLY (max-width:480px) overrides. Desktop is untouched. Purpose: kill horizontal overflow / hardcoded desktop px widths that made the clone (and the live GHL site) scroll sideways on phones. Loaded LAST in so it wins the cascade. ========================================================================== */ @media screen and (max-width: 480px) { /* City-page header logo is hardcoded 450x180 (regular pages use 250x125). 450px is wider than a 390px phone -> 156px sideways scroll + cut-off logo. Cap it to the viewport and keep aspect ratio. Desktop keeps 450x180. */ .nav-menu-wrapper .branding .logo { width: auto !important; max-width: 100% !important; } .nav-menu-wrapper .branding .logo img { width: auto !important; height: auto !important; max-width: 100% !important; object-fit: contain !important; } /* Safety net: never allow the document to scroll horizontally on phones. GHL bakes a few full-bleed / off-canvas blocks that overshoot the viewport by a handful of px; this clamps the page without altering the layout of legitimate content (which already stacks to 100% width). */ html, body { max-width: 100% !important; overflow-x: hidden !important; } }