Jump to content


Photo
Open

iPhone/iPad view mess up my site



Best Answer James B , 30 November 2012 - 12:59 AM

Hi there, I think this post will help you both, same problem on another theme due to the gradient - http://www.pagelines...ro/#entry138320

Go to the full post


  • Please log in to reply
19 replies to this topic

#1 webbdo

webbdo

    Advanced Member

  • Members
  • PipPipPip
  • 61 posts
  • Country: Country Flag

Posted 18 October 2012 - 08:15 AM

Hi!

At my site "webbdo . se" the CSS messes up the page when I look at it whit iphone/ipad. The 3 feature´s are getting "black". And at the bottom of the page´s there are getting black aswell. Why is this?


It seams like when i go to the site whit computer it looks OK, but now whit iphone/ipad?

Regards P

#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 12968 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 18 October 2012 - 09:04 AM

Hi,

You have W3 Total Cache enabled and you have also made changes to iBlogPro 4 style.css. You're also using version 4.2.3, the latest version is 4.2.6. I recommend you update to the latest version and see if this resolves your issue.

#3 webbdo

webbdo

    Advanced Member

  • Members
  • PipPipPip
  • 61 posts
  • Country: Country Flag

Posted 31 October 2012 - 08:39 AM

Hi!

I have tryed to disable W3C but it not helping.
If I upgrade, will it delete some of my installs on WP?

Regards Pierre

#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 31 October 2012 - 10:17 PM

It shouldn't.

But did you also try to Deactivate Mobile View? That worked for me.

#5 webbdo

webbdo

    Advanced Member

  • Members
  • PipPipPip
  • 61 posts
  • Country: Country Flag

Posted 15 November 2012 - 06:41 AM

Where do i Deactivate Mobile view, cant find it?

#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 12968 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 15 November 2012 - 08:54 AM

There is no Disable Mobile View option in iBlogPro 4, Rob must have assumed you were using iBlogPro 5.

If you upgrade to PageLines Framework and iBlogPro 5, your posts/pages will remain as they're stored in the database. However, your overal site design will take on the design and layout of iBlogPro 5.

#7 soundquadrat

soundquadrat

    Newbie

  • Members
  • Pip
  • 5 posts

Posted 16 November 2012 - 02:31 PM

I have the same problem with the site fips.soundquadrat . de. I´m using iBlogPro 5 and disabled mobile view in the layout editor, but it didn´t work. Is there anything else I can do? Thank you! :)

#8 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 16 November 2012 - 03:51 PM

Please try deactivating all active plugins.

#9 soundquadrat

soundquadrat

    Newbie

  • Members
  • Pip
  • 5 posts

Posted 19 November 2012 - 08:07 AM

I´ve tried this already, but it didn´t work neither...

#10 Danny

Danny

    Is Awesome!

  • Moderators
  • 12968 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 19 November 2012 - 09:44 AM

What are you layout settings ?

#11 soundquadrat

soundquadrat

    Newbie

  • Members
  • Pip
  • 5 posts

Posted 19 November 2012 - 10:50 AM

Layout Handling: Static with Pixel Width
Site Design Mode: Full-Width Sections
Mobile View: Disabled
Global Content Width: 924 px

Thanks!

#12 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 19 November 2012 - 05:05 PM

For layout handling, please enable responsive.

#13 soundquadrat

soundquadrat

    Newbie

  • Members
  • Pip
  • 5 posts

Posted 27 November 2012 - 02:55 PM

I changed this, too. It still doesn´t work. I can´t figure out the problem...

#14 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 27 November 2012 - 03:23 PM

Do you also have a cache plugin? If so, did you deactivate it?

#15 webbdo

webbdo

    Advanced Member

  • Members
  • PipPipPip
  • 61 posts
  • Country: Country Flag

Posted 28 November 2012 - 09:02 AM

Dont want to upgrade to 5. Good whit 4 and all the designs in it. But now whit the black spots when looking in iphone.
Any other ideas?

#16 Danny

Danny

    Is Awesome!

  • Moderators
  • 12968 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 28 November 2012 - 09:53 AM

iBlogPro 4 is now free via Github: https://github.com/pagelines/iBlogPro4

As far as I know, the black areas are caused by the gradient images, you can do one of two things, either update the images or replace the CSS for images and use a gradient generator and override the image CSS.

#17 webbdo

webbdo

    Advanced Member

  • Members
  • PipPipPip
  • 61 posts
  • Country: Country Flag

Posted 29 November 2012 - 09:53 AM

gradient generator? Can you post the new omage CSS for me please?



#18 soundquadrat

soundquadrat

    Newbie

  • Members
  • Pip
  • 5 posts

Posted 29 November 2012 - 10:16 AM

I don´t have cache plugins. And my problem is that the inverting not only happens with pictures but also with, for example, the half of a content field. It seems absolutely arbitrary and I can´t recognise a pattern...



#19 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 30 November 2012 - 12:59 AM   Best Answer

Hi there, I think this post will help you both, same problem on another theme due to the gradient - http://www.pagelines...ro/#entry138320



#20 webbdo

webbdo

    Advanced Member

  • Members
  • PipPipPip
  • 61 posts
  • Country: Country Flag

Posted 30 November 2012 - 09:06 AM

Thanks, did what user "rodgerzeislernet" said. from 1x268 to 2x268! Worked very good!