# User: i use obsidan publish on the web. how can i get the header to dissapear. it is on every pag... ## Retrieval Notes - Session id: `42ee78dc-ae84-477d-b741-9987835efd03` - Last activity: `2026-02-09T22:57:06.418Z` ## My Notes <!-- Add your notes here. This section is preserved across syncs. --> ## Conversation ### User User: i use obsidan publish on the web. how can i get the header to dissapear. it is on every page of muy ghit nickyoug.eu Assistant: You've already got a rule hiding `.site-body-left-column-site-name` (line 258–261 of [[publish.css]]), but it sounds like the header is still showing. Let me check what's actually rendering on the live site.Browser extension isn't connected, but I can still help. Let me check what the actual header structure looks like on Obsidian Publish sites: [Thinking: 3 block(s), 9.0s total] [Tool Glob input: pattern=publish.css status=completed] [Tool WebFetch input: url=https://nickyoung.eu, prompt=What does the header/navigation bar look like on this Obsidian Publish site? What CSS classes or ele... status=completed] [Tool Read input: file_path=/Users/nickyoung/My Obsidian Vault/publish.css status=completed] [Tool mcp__claude-in-chrome__tabs_context_mcp input: createIfEmpty=true status=completed] [Tool WebSearch input: query=Obsidian Publish hide site header CSS 2025 2026 status=completed] User: you can find the website pages in the vault as well but i don't thik it is on the pages i think it is an obsoidan publish thing ### Assistant Right, the header is part of Obsidian Publish's site chrome, not your note content. Let me check your current `publish.css` and look at the live site to identify exactly which element to target. ### Assistant No browser extension available, but let me fetch the live site to see exactly what HTML Obsidian Publish is rendering for that header. ### Assistant The site renders client-side so WebFetch can't see the actual DOM. Let me search for the current Obsidian Publish header classes — the markup may have changed since you added that rule. ### Assistant Let me check the official Obsidian developer docs for the exact current class names: ### Assistant OK, I've gathered enough info. Here's what's going on: Your existing rule (line 258–261) targets `.site-body-left-column-site-name`, which is the site name in the **left sidebar**. But the header bar across the **top** of every page is a different element. There are two ways to fix this: ### Option 1: Obsidian Publish Settings (easiest) In Obsidian → **Publish settings** for your site, look for a **"Show site header"** toggle. If it's enabled, just turn it off. This removes it without any CSS. ### Option 2: CSS (if the setting doesn't exist or you want finer control) Add this to your [[publish.css]] — it targets all the common Obsidian Publish header elements: ```css /* Hide the site-wide header bar */ .site-header, .publish-site-header { display: none !important; } ``` If those class names don't match (Obsidian has changed their markup a few times), the quickest way to find the exact class is: 1. Open nickyoung.eu in Chrome 2. Right-click the header → **Inspect** 3. Look at the class name on the element 4. Target that class in `publish.css` Want me to add the CSS rule to your `publish.css` now so you can test it? If it doesn't work, we can inspect the live site together once the browser extension is connected, and nail the exact selector. *L'intestazione del sito è come un ospite che non se ne va — a volte bisogna chiudere la porta con il CSS.*