How do I get rid of "stuck" header at top of some webpages

parc

Boards.ie is a good example. When you scroll down you still have the top part of the website showing. Very useful in general, but I'm looking to disable this.

Anyway of doing it? Thanks

salamanca22

parc wrote: »

Boards.ie is a good example. When you scroll down you still have the top part of the website showing. Very useful in general, but I'm looking to disable this.

Anyway of doing it? Thanks

Look into greasemonkey if you use firefox or tampermonkey on chrome.

28064212

On boards you can disable it. Go to http://www.boards.ie/vbulletin/profile.php?do=appearancesettings and uncheck "Sticky Header".

On sites where it's not an option, you can use Stylish (Firefox or Chrome). It allows you to write custom CSS for sites. For example, on Facebook, you can add the following rule:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("facebook.com") {
    #blueBarNAXAnchor {
        position: relative !important;
    }
}

Facebook's code has the position property of the element "blueBarNAXAnchor" set to fixed, meaning it scrolls with you. The code above, when added to Stylish, overrules that and sets it to a "relative" position, meaning it doesn't scroll.

You do need to have some CSS knowledge and the ability to find out which element you need to modify though

parc

Ah thanks for this. I'm actually trying to get rid of the banner here on the codeschool objective C course. You wont be able to view it as you need to sign up but here's a screen shot I found on the web.

What would I look for if I'm using tampermonkey?





https://www.codeschool.com/courses/try-objective-c

Graham

That's not a banner at the top of that page, it's part of the course. If you do remove/hide it you will miss out on the in-course feedback.

parc

I'd just like to remove it if there's a particular way to do this using tampermonkey? If not that's cool