I have a problem with my smallest breakpoint (900), the footer isn't being pushed down, when the browser is resized lower than 900. So when closer to 380 in the browser, the footer overlaps the content. It is working as expected with all other breakpoints, just the lowest has the problem.
Here, when previewed in the browser, it looks as expected.
But when I shift the bowser window to a smaller size, the footer isn't being pushed down, but instead over the content.
This is the problem:
In Muse, I test it by resizing in Muse's preview, and it doesn't act this way (it doesn't overlap).
I've tested this in Firefox and Chrome, and it overlaps just like it does in Safari.
One interesting thing I noticed. When I remove the mobile menu, I no longer get this problem. So I think the mobile menu is the culprit here, but I don't know why it would make it do this.
Is this mobile menu a 3rd party widget?
The mobile menu is made with Composition-Blank widget that comes with Muse. Right now, to fix my issue, I hide the footer at this breakpoint. That's not great, but it works. I would like to know what the issue is for future projects.
I can upload, but I don't want to share the link here. Is there another way?
Actually I'm fine with sharing a stripped down version of the site. You can see that the problem persist on the lowest breakpoint. You can download it here to have a look:
Thanks for the help!
Sometimes Muse has issues with fixed width elements on responsive pages.
You can fix the issue in this way:
Yes, that worked! Thank you!