# Mobile render problems
**URL:** https://forum.pinegrow.com/t/mobile-render-problems/5563
**Category:** General
**Created:** [August 22, 2021, 11:24pm UTC](https://forum.pinegrow.com/t/mobile-render-problems/5563 "2021-08-22T23:24:40Z")
**Posts on this page:** 7
**Page:** 1
### Author:  [@HerrscherOfReason](https://forum.pinegrow.com/u/HerrscherOfReason)
#### Post date: [August 22, 2021, 11:24pm UTC](https://forum.pinegrow.com/t/mobile-render-problems/5563/1 "2021-08-22T23:24:41Z")
I have a problem with responsive design for mobile , its render well using the pc desktop browser but using my iphone it renders completely different the background above with the logo , i saw that the logo still there but seems hidden i dont know, how to fix it its not like its shown on pinegrow
---
### Author:  [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [August 23, 2021, 9:28am UTC](https://forum.pinegrow.com/t/mobile-render-problems/5563/2 "2021-08-23T09:28:06Z")
Hi @HerrscherOfReason,
It is a little hard to tell without any code to look at, but it seems that your image is not responsive. On the small display it is still very large. Not sure how you placed the logo. You will have to work on making the image responsive. If you could let us know how you placed the logo, it might be helpful.
Cheers,
Bob
---
### Author:  [@HerrscherOfReason](https://forum.pinegrow.com/u/HerrscherOfReason)
#### Post date: [August 23, 2021, 11:47am UTC](https://forum.pinegrow.com/t/mobile-render-problems/5563/4 "2021-08-23T11:47:02Z")
> **[Home](https://www.mediafire.com/file/j5s5209vhaurzl0/Home.html/file)**
---
### Author:  [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [August 23, 2021, 7:07pm UTC](https://forum.pinegrow.com/t/mobile-render-problems/5563/5 "2021-08-23T19:07:20Z")
Hi @HerrscherOfReason,
Thanks for the file. I’m assuming all of the styling is inline. So far, I’m a little confused with where the logo is disappearing to on the page. In the file you gave me, the logo is at the top. Do you have any other styling on it?
For the image you should add the `background-size` property to have it resize with your page. Here is a link to read about it: [background-size - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size)
Cheers,
Bob
---
### Author:  [@HerrscherOfReason](https://forum.pinegrow.com/u/HerrscherOfReason)
#### Post date: [August 23, 2021, 8:40pm UTC](https://forum.pinegrow.com/t/mobile-render-problems/5563/6 "2021-08-23T20:40:36Z")
> **[style](https://www.mediafire.com/file/yk7fchiryuj14gf/style.css/file)**
> **[blocks](https://www.mediafire.com/file/m9118q05ce4gt9f/blocks.css/file)**
---
### Author:  [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [August 24, 2021, 11:36am UTC](https://forum.pinegrow.com/t/mobile-render-problems/5563/7 "2021-08-24T11:36:07Z")
Hi @HerrscherOfReason,
Thanks for the files. I’m not sure I can quite replicate what you are seeing. I think the problem is two-fold. One, you are setting the height of the first div as a percentage - this is likely going to make it act oddly depending on content. Second, you are positioning the logo with a margin-top, which can impact the flow of other elements on the page. Maybe try setting it as an absolute.
Cheers,
Bob
---
### Author:  [@mxs](https://forum.pinegrow.com/u/mxs)
#### Post date: [August 27, 2021, 10:33am UTC](https://forum.pinegrow.com/t/mobile-render-problems/5563/8 "2021-08-27T10:33:36Z")
I use [https://responsively.app](https://responsively.app)
It emulates all windows, IOS, OSX and Android screens