There is something strange going on with the header swap that occurs as you scroll through the page. I think they didn't test their script in Firefox.

• If I disable all scripts in the page, it scrolls normally. However, some features may not be available.
• I have a blank area at the top of the page that I assume is for an ad. If I remove/hide that section, everything works fine, the header swap works as designed.

So... what can I suggest. If you use this site a lot, it may be worth adding a script, style rule, or filter to remove the blank area/ad area in the header. Do you use the uBlock Origin, Tampermonkey/Greasemonkey/Violentmonkey, or Stylus extensions?

There is something strange going on with the header swap that occurs as you scroll through the page. I think they didn't test their script in Firefox.

• If I disable all scripts in the page, it scrolls normally. However, some features may not be available.
• I have a blank area at the top of the page that I assume is for an ad. If I remove/hide that section, everything works fine, the header swap works as designed.

So... what can I suggest. If you use this site a lot, it may be worth adding a script, style rule, or filter to remove the blank area/ad area in the header. Do you use the uBlock Origin, Tampermonkey/Greasemonkey/Violentmonkey, or Stylus extensions?

Hi jscher2000!

I certainly do use uBlock Origin. What is your advice leveraging that extension? Thank you for your time!

I don't use uBlock Origin, but my understanding is that you can add a filter to hide an element. Here is the hierarchy leading to the element you want to hide (the one with HeaderAd):

<header data-sentry-element="Box" data-sentry-component="Header" 
    data-sentry-source-file="header.tsx" class="css-130utem">
  <div class="sticky-outer-wrapper">
    <div class="sticky-inner-wrapper">
      <div data-sentry-element="Flex" data-sentry-component="HeaderAd" 
        data-sentry-source-file="header-ad.tsx" class="css-1oanla6">
 

I don't know the best way to do that in uBlock Origin, but in CSS, I would use this:

div[data-sentry-component="HeaderAd"]{display:none!important;}

Maybe another forum volunteer knows how to write that for uBlock Origin, or you could ask on

https://www.reddit.com/r/uBlockOrigin/

jscher2000,

I gave your suggestion a whirl and was able to "element picker" my way into removing the problem section. Once that is removed from the page load, the particular page itself scrolls correctly.

What I haven't figured out however, is to assign this globally to the https://www.architecturaldesigns.com/ website. It seems like it only "remembers" my rule on a per-page basis. That isn't the end of the world though, as if a plan particularly interests me, I can do it on a 1:1 basis.

Thank you so much for your assistance!