Alante Grid Theme – Sidebar does not show up when site viewed on cell phone

The sidebar widgets show up fine on a laptop and Ipad but did not show up at all on my cell phone. I saw someone previously had the same issue and the response was to add the following code:

@media screen and (max-width: 680px) {
#sidebar {
display: block !important;
width: 100%;
}
}

I added that and the sidebar widgets do now show up below the content, however, they are extremely narrow and unreadable. Can someone tell me how to fix this please?

The page I need help with: [log in to see the link]