Currently, I am working on a website that utilizes multiple backgrounds layered on top of each other using Sass and Bootstrap. However, I am encountering a problem in the mobile view where users can scroll horizontally, which is not desired. Additionally, the navbar layout is all messed up - the toggle button seems to be too high.
I have shared a JSFiddle link for reference: https://jsfiddle.net/4z5ty868/
I suspect the issue might be related to the navbar or possibly an incorrect number of <div>
elements. To be honest, I am quite confused at this point and would appreciate any help or guidance from someone knowledgeable in this area.