Copy link to clipboard
Copied
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.
Sometimes Muse has issues with fixed width elements on responsive pages.
You can fix the issue in this way:
Copy link to clipboard
Copied
I posted a temporary test here, if someone can look at and think of what might be causing this.
Any ideas?
Copy link to clipboard
Copied
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.
Copy link to clipboard
Copied
Is this mobile menu a 3rd party widget?
Copy link to clipboard
Copied
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?
Copy link to clipboard
Copied
Hi there,
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!
Copy link to clipboard
Copied
Sometimes Muse has issues with fixed width elements on responsive pages.
You can fix the issue in this way:
Copy link to clipboard
Copied
Yes, that worked! Thank you!