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—

  1. you seem have done that.
  2. 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:fixed primary navigation, rather position:absolute. desktop safari happy this.
  • remove .site-content::before pseudo-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

Popular posts from this blog

cakephp - simple blog with croogo -

How to group boxplot outliers in gnuplot -

bash - Performing variable substitution in a string -