Jump to content
Sign in to follow this  
webbdo

iPhone/iPad view mess up my site

Recommended Posts

webbdo+    0
webbdo

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

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
webbdo+    0
webbdo

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

Share this post


Link to post
Share on other sites
Rob    547
Rob

It shouldn't.

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


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
webbdo+    0
webbdo

Where do i Deactivate Mobile view, cant find it?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
soundquadrat    0
soundquadrat

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! :)

Share this post


Link to post
Share on other sites
soundquadrat    0
soundquadrat

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

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

What are you layout settings ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
soundquadrat    0
soundquadrat

Layout Handling: Static with Pixel Width

Site Design Mode: Full-Width Sections

Mobile View: Disabled

Global Content Width: 924 px

Thanks!

Share this post


Link to post
Share on other sites
soundquadrat    0
soundquadrat

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

Share this post


Link to post
Share on other sites
webbdo+    0
webbdo

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?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
webbdo+    0
webbdo

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

Share this post


Link to post
Share on other sites
soundquadrat    0
soundquadrat

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...

Share this post


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

Hi there, I think this post will help you both, same problem on another theme due to the gradient - http://www.pagelines.com/forum/topic/22398-mobile-view-whitehouse-pro/#entry138320


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
webbdo+    0
webbdo

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×