Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 2, 2015 at 10:45 am #496962
    saucyhotdesign

    Hi. I tested this site on several screens – laptops, ipad and phones, but not iPhone 6+ – which it turns out my client uses and believes his customers do too, and there is a major issue. At his specific request I added a header widget with a clickable phone number to his site – works fine in all my testing, but is not showing up on his iphone. I also note from his screenshot that the top slideshow on the home page has issues with the overlaid text going off the screen to the left. Please help…

    September 2, 2015 at 1:40 pm #497072
    Yigit

    Hey saucyhotdesign!

    I checked the site on my iphone 5s, mobile emulators and tried resizing browser window but unfortunately i am not able to reproduce the issue on my end. As far as i know, none of other moderators have iphone 6+.
    It might be somehow at the top and invisible. Can you please try adding following code to Quick CSS and check if that helps?

    @media only screen and (max-width: 767px) {
#header .widget {
    top: 100px;
}}

    Cheers!
    Yigit

    September 4, 2015 at 3:48 am #498110
    saucyhotdesign

    Unfortunately this did not work. The button does display when iphone in landscape (100px down), but not in portrait. There is also the issue of bad alignment of the slideshow text as was shown in provided screenshot? Thank you.

    September 6, 2015 at 3:39 am #498784
    Ismael

    Hi!

    Does the iphone have retina display? Try to use this css media queries to adjust the element: https://css-tricks.com/snippets/css/retina-display-media-query/

    Regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.