CSS hide Title for all screen sizes but desktop

I used the following css to hide the title, but I cannot find a method that shoes the title on desktop.

@media screen and (min-width: 700px) {
header {
display: none !important;

So you want to hide the title of the app on all devices, bar the desktop?

Yes hide the title bar for mobile but not on desktop.

Do you mean this part?

I think using @media is the right move.


#main-root [class*="is-mobile"] , div[class*="mobile-nav-bar"] {
display: none;

Please test this.

Make sure you have the right setup so that the first few components don’t overflow into the top part of the phone though.

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.