css - Horizontal Scroll on iOS — Off Canvas Navigation Menu -
after pushing site development server, i'm seeing horizontal scrolling on ios (which wasn't seeing when developing locally). i'm using off canvas navigation menu giving page width. here site.
any appreciated. time!
i inspected site in desktop safari , see same issue.
the issue seems site layout still thinks it's wider. @ first simple application of overflow-x:hidden , width:100% trick.
however—
- you seem have done that.
- it didn't.
i found difficult sift through css because have lot going on, , think it's possible css3 transforms contributing issue, able lock down while viewing in desktop safari , while inspecting mobile safari directly following:
- apply
position:fixedprimary navigation, ratherposition:absolute. desktop safari happy this. - remove
.site-content::beforepseudo-element. still causing issue on mobile safari. removing css transform translate3d(100%,0,0) helped.
side note: might consider ways simplify html and/or css. have 1.1mb loading without real images; mobile users, bandwidth real cost. know can pita worth mentioning. luck!
Comments
Post a Comment