Browser: Any except Safari
OS: macOS / Android
Video: Jam
Bricks version: 1.9.5, latest
I thought I’ve probably built my Headers wrong all the way in some way (?), but today I learnt that this is an old issue.
Bear with me with opening yet another topic for this, since 1) I might have learnt something new about the issue and/or 2) if it was fixed in 1.6 already (as timmse pointed out in this topic), the fix should be re-implemented in to current versions.
Scenario 1: When I activate the “Sticky on scroll” option on my Header template, it allows for the whole page to scroll horizontally (+60% to the right). None of my header elements have any overflow or a combined width over 100%/vw.
Scenario 2: If I disable “Sticky on scroll” but leave “Sticky header” enabled, the problem is gone, but the header gets on top of site content. I know I can fix this with adding a top margin to brxe-content but I’m just wondering if it should be that every user fixes this on every site (and the answer, I believe, should be: definitely not, or…?)
Scenario 3: If I set Mobile Menu align to right, the scroll problem is gone until menu is opened. The Mobile Menu appears to the right of the button (which is already on the right end of header), causing overflow (what appears to be the exact amount of overflow that appeared as empty in scenario 1) Once again the header gets on top of the content, too.
I don’t know if this new finding (in bold italic above) is of any value but nevertheless this bug shouldn’t exist after 20 months or am I building my headers just wrong?
Aaaand a funny detail, it does not happen on Safari on any device. 