Flatiron: Hiding navigation/logo on single page

Im trying to hide the navigation and logo on a single page and just add a text header. I want to make something similar to a linktree.

ryankunkleman.com/links

ive tried this code:

<style>
 #header { display: none }
</style>

to no avail

add to Page Settings > Advanced > Header

<style>
  /* hide navigation */
  #navigator header#topBar ul#nav {
    display: none;
}
  /* hide site title */
  .siteTitle {
    display: none !important;
}
</style>

@tuanphan it looks great on the desktop version. On the mobile version its still showing "Menu" at the top. Is there a way to get rid of this? thanks so much for your help. 

8 hours ago, RyanKunk said:

@tuanphan it looks great on the desktop version. On the mobile version its still showing "Menu" at the top. Is there a way to get rid of this? thanks so much for your help. 

<style>
  /* hide navigation */
  #navigator header#topBar ul#nav {
    display: none;
}
  /* hide site title */
  .siteTitle {
    display: none !important;
}
  div#mobileNav {
    display: none;
}
</style>

@tuanphan this is great thank you so much. One more thing is there a way to customize the site title in the browser tab for that individual page?

3 hours ago, RyanKunk said:

@tuanphan this is great thank you so much. One more thing is there a way to customize the site title in the browser tab for that individual page?

"customize the site title "

Yes you can with custom CSS

What do you mean? size, color...or?

@tuanphan sorry i wasnt very clear with my question. What i mean is is there a way to customize what text shows up as the browser tab text. for example if my site name is "This is my website" and the page name is "Blog" right now the browser tab says "Blog - This is my website" i would like to be able make it say just "Blog" or really whatever i want. is that possible?

Just now, RyanKunk said:

@tuanphan sorry i wasnt very clear with my question. What i mean is is there a way to customize what text shows up as the browser tab text. for example if my site name is "This is my website" and the page name is "Blog" right now the browser tab says "Blog - This is my website" i would like to be able make it say just "Blog" or really whatever i want. is that possible?

You can't customize title on Browser address tab. 

--

Have you tried checking on tab SEO when editing post yet?

@tuanphan yeah i kind of have it tweaked so that only the home page shows the site name and individual pages only show a partial title

On 1/28/2020 at 5:42 AM, tuanphan said:

add to Page Settings > Advanced > Header

<style>
  /* hide navigation */
  #navigator header#topBar ul#nav {
    display: none;
}
  /* hide site title */
  .siteTitle {
    display: none !important;
}
</style>

 

Hello, I tried to inject this code on my site's homepage to hide the navigation bar, but it has not been working. Do you have any recommendations or advice for troubleshooting issues with the function of the code?

1 hour ago, johnnyavery said:

Hello, I tried to inject this code on my site's homepage to hide the navigation bar, but it has not been working. Do you have any recommendations or advice for troubleshooting issues with the function of the code?

Difficult to help without site url

Hello, how do I remove the footer as well on one page in the flatiron template?