Select Language:
If you’re trying to remove the “Profile” and “Sign in” buttons from GitHub’s top navigation bar, here’s a simple way to do it using a custom CSS code snippet. This method is quick and works by hiding those specific buttons without changing the underlying website code.
First, you’ll want to use a user style extension like Stylus or any similar tool that lets you apply custom CSS to websites. Once you have that set up, add the following CSS code:
css
/ Hide Profile and Sign in buttons on GitHub /
a[href=”/settings/profile”],
a[href=”/login”],
div.Header-link.Home”>
display: none !important;
}
This CSS specifically targets the “Profile” link (which usually leads to your account settings) and the “Sign in” button, hiding them from view. Just paste this into your style extension and save it.
After you do that, refresh the GitHub page, and you’ll see those buttons are no longer visible. This change makes your browsing cleaner, especially if you don’t use those features often or want a more minimal look.
Keep in mind: This tweak is local to your browser and won’t affect anyone else’s view of the site. Also, if GitHub updates their layout or class names, you might need to adjust the CSS selectors accordingly.
ChatGPT
Perplexity
Gemini AI
Grok AI
