Responsive Design Breakpoints don't work on certain pages

[MarekMularczyk]

Hello everyone,

WIth students, we have been working on a Muse project using Adobe's files for a site during the course.

When creating responsive design, breakpoint has been added for smaller screens and a drop-down "hamburger" menu added to appear on smaller screens and disappear on larger screens.

Unfortunately, this doesn't work as expected on some pages and there's no consistency here.  Both sites have A-Master applied to all pages and on different computers/students different pages don't have breakpoints working properly..

I'm attaching some screenshots.

That's Master Page

That's About page - so far so good.

And that's Products page - totally different and yet using the same Master Page... Any ideas?

[Ussnorway]

the products page is 200 pixels bigger

[MarekMularczyk]

That's what's strange because all pages use exactly the same Master Page so they should be the same width (we didn't change anything)...

To make things worse, often when going responsive, some pages look different from Master Page and even reaplying Master Page doesn't help...

[Ussnorway]

a Muse page will grow to fix whatever size holds your design... the fact that a Master page is smaller does not stop this from happening.

I would assume the products page has something small (off page) that is pushing the width out a bit

[MarekMularczyk]

But the question is: why?

There is only one element on Producta age - an animated GIF, which is very narrow as you can see form the screenshot...

There is nothing off the page.