Ride theme - my sections are wider than header and footer. How to fix it?

[pops889]

Hi everyone,

I am creating my new website and recently made this change to make max-width:

#MainContent ,#MainContent section { max-width: 1200px; margin: 0 auto; }

It was 2 days ago.

Today I was working in my theme editor and product card and suddenly on mobile I found that sections are wider than header and footer.

It was working completely fine on desktop and mobile till I’ve added new product and made it active.

When it is in draft, website is fine.

Any ideas what I can do?

[pops889]

[pops889]

Found a solution. If anyone would have same problem, use this:

@media screen and (min-width: 750px) { #MainContent ,#MainContent section { max-width: 1200px; margin: 0 auto; } }