Jump to content

How to get mobile to reflect desktop

Recommended Posts

Site URL: http://www.RebeccaCantCook.com

Hi friends,

I'd like my mobile view to more closely match my desktop and I need some help. I'm on a Brine template so turning off mobile doesn't seem to be an option.

I added some CSS code to give more blog post thumbnails per line but that's about all that has worked for me so far in adjusting the mobile spacing + columns to mimic desktop.

I got my category section (a grid gallery of 3 images) to show in 2 columns but I'd like them on one line (so 3 columns for that block) is that possible?

The rest of the home page banner blocks stack for the mobile default but I'd like to bring them back to a 2 column view they are on desktop but they don't seem to be responding to the gallery oriented code I found. 

Can anyone help?  This is the css code I currently have that has fixed the blog section: 

@media only screen and (max-width: 640px) {
.sqs-gallery-design-autogrid-slide {
  width: 33.3% !important;
   padding: 3px!important;
   clear:right !important;
}
}

Attached are images of my desktop view and how mobile is currently translating. 

Screen Shot 2020-08-31 at 9.50.27 AM.png

Screen Shot 2020-08-31 at 9.54.18 AM.png

Screen Shot 2020-08-31 at 9.54.23 AM.png

 

 

Screen Shot 2020-08-31 at 9.54.46 AM.png

Screen Shot 2020-08-31 at 9.54.54 AM.png

Edited by RPeloquin
Link to comment
  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.