Page 2 of 2

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

Posted: Sat Mar 21, 2015 8:31 pm
by Ellen Schlechter

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.


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

Posted: Mon Mar 23, 2015 5:39 am
by Yurii Orishchuk

Hi Ellen,

Please show us how it looks without this css code.

Thanks.


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

Posted: Mon Mar 23, 2015 1:18 pm
by Ellen Schlechter

This is without the css. Image

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


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

Posted: Tue Mar 24, 2015 12:14 pm
by Ellen Schlechter

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


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

Posted: Wed Mar 25, 2015 5:23 am
by Yurii Orishchuk

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.


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

Posted: Wed Mar 25, 2015 7:11 am
by Ellen Schlechter

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


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

Posted: Wed Mar 25, 2015 9:40 pm
by Egor Kotov6832188

Ellen,

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


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

Posted: Wed Mar 25, 2015 10:06 pm
by Ellen Schlechter

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


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

Posted: Fri Mar 27, 2015 12:00 am
by Yurii Orishchuk

Hi Ellen,

It's CSS code.

Regards.