Header Image Only Shows Top Half of Header Image on Mobile

Homepage › Community Forums › Optimal Theme Support › Header Image Only Shows Top Half of Header Image on Mobile

Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 12, 2012 at 7:51 am #2118
    mbesh
    Customer

      On a new Samsung Android phone (4.1), only the top half of the header image will show in ‘landscape’ view, but will be fine in ‘portrait’ view. But on a Toshiba “Thrive” Android tablet (4.0), only the top half of the header image will show in ‘portrait’ view, but will be fine in ‘landscape’ view (in Firefox). [Note: It works fine in Safari/Chrome on an iPhone4 w/ iOS6].

      Pics of the ‘issue’ on the Samsung:

      http://www.4VIS.com/MSGCUjobs.org(AndroidPhone-Landscape).png

      http://www.4VIS.com/MSGCUjobs.org(AndroidPhone-Portrait).png

      [ NOTE: You can see this ‘issue’ on a desktop browser by making reducing the width of the window to about half the width, and it will then only ‘render’ the top half of the header image.]

      http://msgcujobs.org/

      Thanks,
      Mark

       

      December 12, 2012 at 2:01 pm #2119
      Wes
      Moderator

        You can try removing the “height: auto;” that you added to the #header on line 4238 in your responsive css.

        January 4, 2013 at 10:38 am #2278
        mbesh
        Customer

          Wes,
          That seems to have done it for most Android phone/tablet browsers I’ve tested. Thanks.
          Mark

          January 4, 2013 at 7:34 pm #2300
          Wes
          Moderator

            Great!

            You’re Welcome!

          • Author
            Posts
          Viewing 4 posts - 1 through 4 (of 4 total)
          • The topic ‘Header Image Only Shows Top Half of Header Image on Mobile’ is closed to new replies.