Responsive design problems

Resolved 2 replies theme theme-influence

11 years ago · Last reply by Chloe Emmott 11 years ago

I’m using the theme on a set here cemmott.co.uk/test2 and it works fine, except on smaller screen sizes you are able to zoom out and scroll away from the main content area, screenshot from my iPhone :

and the relevant (I think) code in the style.css is

/* We don't want to squash the content on mobile */
@media screen and (max-width: 782px) {
  body.display-main-menu #page,
  body.display-main-menu #masthead {
    padding-right: 0px;
  }
  body.display-main-menu #page > div,
  body.display-main-menu #page > section,
  body.display-main-menu #page > header {
    -webkit-transform: translateX(-280px);
    -moz-transform: translateX(-280px);
    -o-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px);
  }
}

It’s a minor problem but something my client is concerned about, any ideas how to fix it?

URL: http://cemmott.co.uk/test2

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

Andrew Misplon Staff 11 years, 4 months ago
Hi Chloe
Thanks for your support.
It unfortunately looks to be an issue with the footer widget. Removing that resolves this problem. We can’t see exactly what in that widget is causing this but would suggest trying another plugin.
Chloe Emmott 11 years, 4 months ago
Thank you, this has sorted it

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.