trying to get my mobile view horizontal (SOLVED)

My website, storybriar.com, has a homepage made up of four images: my name and three navigation buttons. Each navigation button is an image you can click on to get to a different part in my site. However, when you view the site on mobile, it takes all my images and stacks them vertically, forcing the viewer to scroll through my primary navigation with each "button" completely filling the screen.

It looks like the problem is that my website is switching to a "mobile style" that stacks all the content vertically. I want my site to appear exactly the same on mobile as it does on the desktop, but my template, "Ready" (in the "Skye" template family), gives no option for that. How do I make the two look the same? Barring that, how do I just get it so that my homepage navigation buttons stay lined up three in a row?

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.homepage .sqs-col-12 .sqs-col-2 {
    width: 33% !important;
    float: left !important;
}
}