Jump to content


Photo
- - - - -

Responsive Design Issue On Iphone

responsive design

Best Answer Jean-Philippe , 12 December 2012 - 01:09 AM

Well, sorry guys.

I just found my mistake. I added this piece of code in my CSS:

 

 
.page-canvas {padding-top: 40px !important}

 

That's why...

 

So I did this:

 

 
 
.page-canvas {padding-top: 0px !important}
#pagelines-postpins {padding-top: 40px !important}

 

And now it seems to be ok.

Sorry again for this "fake support topic".

Go to the full post


This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 Jean-Philippe

Jean-Philippe

    Super Member

  • Members

  • 116 posts

Posted 12 December 2012 - 12:37 AM

Hello everybody,

 

Here's an issue I can't fix.

Please have a look below to 5 screen shots of my

Please Login or Register to see this Hidden Content

 displayed:

  • on an iPad (portrait mode) > 

    Please Login or Register to see this Hidden Content

  • on an iPad (landscape mode) > 

    Please Login or Register to see this Hidden Content

  • on a MacBook Air 13" > 

    Please Login or Register to see this Hidden Content

  • on an iPhone (portrait mode) > 

    Please Login or Register to see this Hidden Content

  • on an iPhone (landscape mode) > 

    Please Login or Register to see this Hidden Content

As you can see, there is a white space between the header and the first pin (I use the great Postpin section to display posts) when browsing my homepage on iPhone.

 

I probably did something wrong within my CSS code. Could anyone help me on this?

Thank you!

 

Jean-Philippe



#2 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 12 December 2012 - 12:42 AM

Hi there, what css code have you applied to that section so far? Anything to the top of the page/background or any mobile specific css?



#3 Jean-Philippe

Jean-Philippe

    Super Member

  • Members

  • 116 posts

Posted 12 December 2012 - 12:52 AM

Hi James,

 

No mobile specific CSS (I mean I don't think so - I started to learn CSS last year).

Here's the code I applied to this navbar:

 

Please Login or Register to see this Hidden Content

 

I will keep you posted about "anything to the top of the page/background?"... need to search!



#4 Jean-Philippe

Jean-Philippe

    Super Member

  • Members

  • 116 posts

Posted 12 December 2012 - 01:09 AM   Best Answer

Well, sorry guys.

I just found my mistake. I added this piece of code in my CSS:

 

Please Login or Register to see this Hidden Content

 

That's why...

 

So I did this:

 

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

 

And now it seems to be ok.

Sorry again for this "fake support topic".