Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Ella_S

trying to get my mobile view horizontal (SOLVED)

Question

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?

Edited by Ella_S
top answer solved the issue!

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 1

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;
}
}

 


You can send your question to my email to get faster answer. I provide free priority support in this crazy time. 

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...