Ellen Schlechter
Posts: 0
Joined: Sun Aug 31, 2014 3:28 am

How do I add 20px to the top of the header with CSS?

Does anyone have a quick solution for this? It appears fine in the browser tester but when I put it on my phone this is what it does after added this code to the config file.

I need this code to prevent the screen from bouncing but when I use it along, the words over lap the header so that is why I need to add to the header height in Appery.

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

How do I add 20px to the top of the header with CSS?

Hi Ellen,

Please show us how it looks without this css code.

Thanks.

Ellen Schlechter
Posts: 0
Joined: Sun Aug 31, 2014 3:28 am

How do I add 20px to the top of the header with CSS?

This is without the css. Image

I made changes to the status bar area and I added the highlighted code. Image

Ellen Schlechter
Posts: 0
Joined: Sun Aug 31, 2014 3:28 am

How do I add 20px to the top of the header with CSS?

Does anyone have a solution here? This is the final thing I need to fix before releasing another update.

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

How do I add 20px to the top of the header with CSS?

Hi Ellen,

Seems like you have some margin in the top.

Where did you do this screen shot? In what device?

Also please show us the same screen shot(without css) in browser.

Regards.

Ellen Schlechter
Posts: 0
Joined: Sun Aug 31, 2014 3:28 am

How do I add 20px to the top of the header with CSS?

This was on an iphone 5c. Image

Here is the public link:
http://appery.io/app/mobile-frame?src...

My app is also shared with support and called The Calving Book

Egor Kotov6832188
Posts: 0
Joined: Wed Nov 19, 2014 5:15 pm

How do I add 20px to the top of the header with CSS?

Ellen,

Try next css
html.ui-mobile .ui-page {
background: #f6f6f7;
}

Ellen Schlechter
Posts: 0
Joined: Sun Aug 31, 2014 3:28 am

How do I add 20px to the top of the header with CSS?

Should that be in addition to the JS and the other CSS or just by itself?

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

How do I add 20px to the top of the header with CSS?

Hi Ellen,

It's CSS code.

Regards.

Return to “Issues”