Hide header (with menu and site title) on landing page

[Bastion]

Hi,
on my landing page www.archphot.com I would like to permanently hide the header on desktop and mobile.

I tried it with CCS

.page-id-260 header {
  display: none;
}

but didn't precisely know where and how to put it.
At least it didn't work.

Any suggestions?

[arminunruh]

Do you mean you want to hide your site title and menu on your front page?

body.id-260 .laynav,
body.id-260 .sitetitle{
display: none!important;
}

add this in:
lay options -> custom css & html -> custom css for desktop

[arminunruh]

You can always find out the correct selectors for CSS by right-clicking on the menu or right-clicking on the site title and clicking "Inspect element" on Chrome.

Cuz there is no HTML element called header that contains the site title and menu.

[Bastion]

It's the landing page of a photographers page, so I want there just to be an image, nothing else, no menu, no site title. Tried your CCS, shows two mistakes in line 1 (newline character found in selector) and in line 3 (use of ! important). Unfortunetaly I don't understand CCS language, so I am dependant on other peoples scripts ...

[arminunruh]

you can ignore those! but does the css work?

[Bastion]

No, doesn't work ...

[arminunruh]

Can you please send:

• a link to this forum topic
• your website address
• /wp-admin/ username and password
  to: info@laytheme.com

[Bastion]

Sure. Thanks for helping out!

[arminunruh]

we had forgotten a comma. i corrected the css above.

for mobile:

body.id-260 .mobile-title,
body.id-260 .mobile-nav{
    display: none!important;
}

Enter this css in "lay options" -> "custom css & html" -> "custom css for mobile"