I have a sticky header on my website (built with wordpress and a sitebuilder plugin called elementor) that works great on firefox, chrome and edge, but not on internet explorer 10 and 11. when the window width becomes smaller than 768px, the header doesn't fill its wrapper element.
I have tried searching for solutions on google, but most of the threads with similar issues seem to be about flexbox which I believe is unrelated to this bug (since neither the wrapper or the header elements are set to "display: flex" in my case).
I tried to copy the html and css into a codepen but it didn't work. However I created a loom to illustrate the issue. https://www.useloom.com/share/093eac76c2ff424fa55bbca1b5c3234c. Here is the site url: https://figgesresa.se/
The wrapper element "elementor-section-wrap" has "width: auto" applied to it, while its child (that becomes to small below 768px) has no width style applied to it. I have tried adding "width: 100%" to it, but it doesn't make a difference.
Any pointers or help would be greatly appreciated.