Full width page template shows a gap in small screens

Greetings from the Page Builder Sandwich team ??

We found a problem through one of our customer tickets! When you set the page template to full width, then view the page in an iPad, the contents have a gap on the right side – as if the space was left there for the sidebar. We found out that the .site-main is still set to have 65% width even in full-width mode.

Here’s the fix we proposed to our customer for it:

?@media screen and (max-width:1169px) and (min-width:768px) {
.site-main.fullwidth { width: 100%; }
?}

Cheers!