Jump to content

Archived

This topic is now archived and is closed to further replies.

yemoonyah

supersize not working on iPhone

Recommended Posts

yemoonyah+    2
yemoonyah

Hi,

 

I have set a superzised background image on my site and it works fine on my laptop and on an iPad but not on iPhone.

On the mobile phone the background does not stretch all the way till the end of the page.

 

I have the latest version of DMS and the BG is 2000 x 1000px

 

How can I fix this?

Thanks.

 

 

 

Creative_Web_Biz_-_helping_creatives_bec

Share this post


Link to post
Share on other sites
thebastion    20
thebastion

Twist your phone into landscape mode?

Share this post


Link to post
Share on other sites
yemoonyah+    2
yemoonyah

it's the same in landscape mode.

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Yemoonyah

 

Can we take a link to the site please so we can it live.

 

Does the image appear full screen to stat with but then leave a gap as you start to scroll down the page?


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
thebastion    20
thebastion

I don't get the issue anywhere or on any device but I dont have an iphone. It's actually really hard to see the background anyway.

Share this post


Link to post
Share on other sites
yemoonyah+    2
yemoonyah

Thanks for checking thebastion.

I just tried it on a Samsung and it has the same issue.

Share this post


Link to post
Share on other sites
thebastion    20
thebastion

I cannot replicate it on any devices even my windows phone 8 browser displays it fine and trust me this browser is as bad as IE9.

 

WP8.jpg

Share this post


Link to post
Share on other sites
Rob    547
Rob

Clearly, there's a problem and you're not imagining it.  I just went to the site on my Android and see a very small gap, roughly the space where thebastion's image (above) has the black addressbar.

 

Since your image is a graphic, as opposed to a photo, wouldn't it make more sense in this case to tile it rather than supersizing?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
yemoonyah+    2
yemoonyah

I tried that but you can clearly see the transition, looks ugly.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Okay, graphically, maybe an image that blends into itself on all four sides will work. I use a small image on my Framework site, in the background and it just tiles seamlessly.

Here are two from http://www.grsites.com/archive/textures/category/15/texture/0/

[attachment=1408:lgrey016.jpg][attachment=1409:lgrey040.jpg]


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
yemoonyah+    2
yemoonyah

Thanks for tip Rob. I found some great sites with tileable background images :)

Share this post


Link to post
Share on other sites
Rob    547
Rob

Excellent.  I just looked and your site looks great on my Samsung.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

  • Similar Content

    • jdubdigi
      By jdubdigi+
      Onepage plugin is not working on an iphone. The page does not scroll properly and sections are partially missing, any ideas what the problem could be?
    • kwaoru
      By kwaoru
      Hi,
       
      I have been using DMS and pagelines.
      I am facing to a huge trouble with the appearance of one of my page on mobile (smart phones) built with pagelines.
      However I haven’t come to any solutions to organise either edit the appearance of mobile view to look neat or deactivate the responsive function. 
      Now it looks totally messy on the phone...
       
      1. Is there any way to edit the appearance of the mobile version (responsive theme)?
      2. Is there any way to deactivate responsive function?
       
      If I could receive support from you to go thorough this process I would be happy to be a pro member. 
       
      Looking forward to hearing from you.
    • ivaemer
      By ivaemer+
      I've got the problem with Onepage plugin ..
      First two sections - Intro and Gallery Module are not showing on iPhone and iPad...help asap please
       
       
    • poseyg
      By poseyg+
      This just happened to a site I'm working on. When I decrease width of browser to check for responsiveness...the pagelines content section is not responding???
    • yemoonyah
      By yemoonyah+
      While building my website, I set a padding of 5%, 25%, 5%, 25% so the text on the pages is not too wide.
      However, it looks crappy on mobile.
      How do I get the same effect and still have it look good on mobile?
      Example: http://yemoonyah.com/quiz
      Thanks
×