This is because of the sticky header menu.
What you will need is some way of offsetting it. Here is one example:
https://stackoverflow.com/a/13184714/24246072
Give...
Posted8 min 17 sec ago by Martin Price | System Horizons Ltd (yorkshirepudding) on:
Now only one problem left:
The link jumps to right under the H3 with the 'id' - why?
Do I need to set the id in something above where I want it - like a <div>?
The page...
Turn off the cache.
Turn on Error messages to display - All.
Switch to default / other Theme.
Switch to default / other Layout.
Clean all ceshes.
Check Status report....
Comments
I guess because the CSS code that manages this element is:
.block-hero-no-image {
background-blend-mode: luminosity;
background-color: #0074bd;
background-image: url("/core/themes/basis/images/texture.png");
background-position: center center;
background-repeat: repeat;
}
The background-blend-mode CSS3 property is not supported by Microsoft browsers:
https://www.w3schools.com/cssref/pr_background-blend-mode.asp
https://developer.mozilla.org/en-US/docs/Web/CSS/background-blend-mode
I would recommend to use another CSS technique for this block - for example CSS opacity or RGBA color.
Or may be simply color texture.png file.