CSS hide Title for all screen sizes but desktop

[Brandon]

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;
}
}

[ThinhDinh]

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

[Brandon]

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

[ThinhDinh]

Do you mean this part?

I think using @media is the right move.

[Brandon]

Yes

[ThinhDinh]

#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.