That’s weird. This is due to the fact that ion-content calculates it’s distance from the top dynamically and it seems to be the case that the logo is ‘seen’ by the ion-content. Could you show me the exact HTML and scss you’re using now? Because I’ve tried it out over here and the image I’m using flows nicely over the content and the content has the usual 56px margin at the top.
btw, If you want to set the background color of these items, use color=“dark” (make dark in your themes/variables.scss black). If you want to control the height of this single navbar it’s okay to do it through CSS, but if you want to change the height of all the navbars (on every page), it’s better to adjust it inside your variables.scss. The documentation for those global variables can be found over here:
But those two are tend to behave as display block. Using only an img tag doesn’t, so the behavior is differently. When I test out the first setup (logo inside the header, not in the navbar) with just an <img src=...> it seems to work without pushing down the content, rather overlaying it.
Ow I read over that sorry. I changed it to img but still the content is behind the header. But overlaying it shouldn’t happen either. The ion-content should start when the black bar ends.