Hi,

I want to show H1 on mobile only (otherwise there's no title, looks very bland). Really only need it on the landing page. Or get the page to display the title, but mobile only. Is this possible?

www.mattschwab.com is my website.

I had to make the landing "home" page a gallery page.

Use CSS

/* Hide h1 on 768px higher screen */
@media screen and (min-width:768px) {
h1 {
  display: none;
}
}

Thanks, that was perfect! Much appreciated.

Thanks, that was perfect! Much appreciated.

@tuanphan Sorry, I should have asked how do I get this for a specific range of pages? I tried #collection to test on one page but it came up with a Syntax error:

collection-5d251a18b06cd6000163f1fd,

@media screen and (min-width:768px) { h1 { display: none; } }

@rovingpictures Your Code should be

@media screen and (min-width:768px) { 
#collection-5d251a18b06cd6000163f1fd h1 { display: none; } 
}

@tuanphan Thanks again! Really appreciate your time.