Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to the page that illustrates this issue https://mubindid.com/
Video: Short screen recording that illustrates this issue. Watch this jam.dev video → Jam
Hi @timmse and everyone,
I’m experiencing an issue with my website built with BricksBuilder. I have an overflow problem where my website has a horizontal scrollbar. To fix this issue, I added the following CSS code to my theme’s stylesheet:
html,
body {
overflow-x: hidden;
}
This CSS code worked to fix the overflow issue, but now my sticky header is not remaining sticky. I suspect that the overflow-x: hidden property is affecting the positioning of my header element.
When I inspect the blank area of my website, it shows “html.no-js.no-svg”. However, in the inspect element, it points to the HTML element.
I’ve tried adding the following CSS code to fix the issue:
body {
overflow-x: hidden;
}
.sticky-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
}
Unfortunately, this CSS code did not fix the issue.
Can anyone offer any suggestions or solutions to fix this issue? I would greatly appreciate any help or guidance.
Thank you in advance!
