Top bar and footer are not full width on mobile

[Nate]

Nate

April 27, 2016 at 1:36 pm

In the mobile version of this site:
*Login to see link
the top bar and footer both have white of the background showing through on the left and right. It’s literally the same width as the scroll bar. This is the way it is displaying with no changes being made to the .topclass.

When I put this code in:

@media only screen and (max-device-width: 480px) {
.topclass {
width:100%;
text-align: center;
}
}
It makes no difference. Even when I increased the width to 102%, the left margin had vanished, being covered fully by the top bar, but the right margin remained, even after adding negative values to the “margin-right”. I’ve looked all over, but I can’t seem to find how to get rid of that space. All help would be greatly appreciated.