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. 
I made changes to the status bar area and I added the highlighted code. 
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.
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.