Quantcast
Channel: Ionic Forum - Latest topics
Viewing all articles
Browse latest Browse all 70429

Css best practices for responsive header

$
0
0

@LouisR wrote:

Hi everybody,

I want to modify the header and subheader css heights to make them responsive (I use media queries on font-size and then rem` units everywhere).
I am doing this for now, but I see that there are special classes for iOS generated by ionic to leave some space for the status bar.

Can you help me figure out all the css I need to make this clean ?
Thanks

.bar {
	height: 3.66rem;
}
.has-header {
    top: 3.66rem;
}
.bar-subheader{
    top: 3.66rem;
    height: 3.66rem;
}
.has-subheader {
     top: 7.32rem;
}

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 70429

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>