Mobile Not Working – PLEASE HELP

The problem is that your long site title overflows the content area on mobile devices. This isn’t really your fault: the theme author needed to handle this case better. What you could do is get a custom CSS plugin and put:

@media screen and (max-width: 800px) {
    .site-title {
        font-size: 24px;
    }
}

You can play with the font size as desired. What this code does is tell the browser, “Make the font size of the site title 24px, but only if the browser window is 800px or smaller. Use the normal font size otherwise.”

you might need to use a more specific CSS selector;

and while you are at it, you might as well reduce teh extreme margins for narrow browsers;

example, based on the suggestion by @stephencottontail:

@media screen and (max-width: 800px) {
    header#masthead .site-title {
        font-size: 24px!important;
    }
    #primary {
        margin-right: 1em;
        margin-left: 1em;
    }
}

stephencottontail: I added that. Still no dice.

alchymyth: That did it. Thanks!