Computing desk
< April 21	<< Mar \| April \| May >>	April 23 >

Welcome to the Wikipedia Computing Reference Desk Archives
The page you are currently viewing is a transcluded archive page. While you can leave answers for any questions shown below, please ask new questions on one of the current reference desk pages.

April 22

Websites with fixed bit at the top which won't scroll

I don't know what the name for it is, but some websites have a bit at the top (often with the company name, logo, etc) which won't scroll out of the way. It is incredibly annoying. Is there any way to force the damn thing to move? Thanks. For examples see here and here. I use Edge on Win10. DuncanHill (talk) 22:36, 22 April 2021 (UTC)[reply]

Is it a frame?
Sleigh (talk) 12:12, 23 April 2021 (UTC)[reply]

Basic webstie design includes divs (a division of a web page) that can be positioned. You can position a div on a page, so it scrolls, or fixed to the viewport, so it doesn't scroll. Those divs are fixed to the top of the viewport and do not scroll. A good designer would have one layout for computers and one for phones. The phone one wouldn't clog up half the viewport with unscrollable junk. But, there are very few web designers at all. Most who claim the title are actually just another form of script kiddies that take a Wordpress layout, change the colors, and claim they designed a web page. The Rowlinson website you linked to is using Wordpress with Woocomerce. So, it wasn't actually designed. The proper fix is to get rid of all the templates and layout engines and force web designers to start from scratch and make a functional website. That will never ever happen. Your only option is to go into the developer's tools of your web browser and set the display attribute of the offending div to 'none' so it isn't displayed. There are tools that will remember your settings for websites. I use it to permanently hide all the pop-over garbage that blocks websites. 97.82.165.112 (talk) 12:51, 23 April 2021 (UTC)[reply]

Another method that could be useful for getting rid of these headers would be to block them with an adblocker. I don’t have any specific recommendations for an adblocker, but once you get one installed, just right-clicking and clicking on “Block element” should get rid of them (or anything you want to block) and persist through page refreshes, and you can whitelist a specific site if you want the headers back. Alternatively, you could head into the developer tools and set the display property to “none” like 98.82.165.112 suggested. If you wanted to keep the headers visible, you could disable the “position: fixed” property by unticking it, but for the Rowlinson website I had to untick a total of four “position: fixed” properties, each applied to the same header for some reason. If you'd rather not mess around with the developer tools, an adblocker would be your best bet. HoneycrispApples (talk) 16:43, 23 April 2021 (UTC)[reply]

I haven't got a clew about developer tools. I will try an adblocker. DuncanHill (talk) 18:36, 23 April 2021 (UTC)[reply]

Well the problem with that is you lose the search box for the website. DuncanHill (talk) 18:41, 23 April 2021 (UTC)[reply]

True, unfortunately that's one of the downsides of using an adblocker to do this. You might want to try this Chrome extension, which looks like it does exactly what you're looking for. Since you're using Edge you should be able to install it following the instructions in the second section of this guide. HoneycrispApples (talk) 19:35, 23 April 2021 (UTC)[reply]

@HoneycrispApples: Wow thank you! That seems to do the trick - at least it does on the two sites I gave as examples. DuncanHill (talk) 19:50, 23 April 2021 (UTC)[reply]