Jump to content

Layout Questions - 1 instead of 2 columns for mobile?

Recommended Posts

Site URL: https://www.calebheymann.com

Hi @tuanphan  Thank you for being so super helpful to so many!  🙏  I have a question that's similar but different from what others are asking.  My website (www.calebheymann.com) is built using the Avenue Template.  I have the main index of thumbnails set to display one at a time so that there each project has a long 'filmstrip' style thumbnail..  It works on Desktop and Tablet view, but for some reason in Mobile view it displays as two columns rather than one, making everything too tiny.  Only the desktop and iPad versions are correct displaying 1 column at a time with the wider thumbnails.  Any idea how to fix this?  Sorry, I know nothing about CSS.  Thanks for your consideration!

Best, Caleb

Screen Shot 2022-02-28 at 6.13.27 PM.jpg

Screen Shot 2022-02-28 at 6.14.28 PM.jpg

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images


It looks fine to me?

It looks like you used this CSS to fix?

@media only screen and (max-width: 750px) {
    #projectThumbs .wrapper .project {
        width:100% !important


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.