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...
Posted21 hours 38 min 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...
The hero image renders darker in IE and Edge than in Chrome or Firefox. Any idea why?
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.