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

Forcing Index Thumbnails to Single Stack in Desktop View


Question

Site URL: http://mattpjones.com

I have spent the last week getting my website setup and all is going well! However, when I do desktop view the template forces my thumbnails side by side in a large browser window. Is there some way to not have it do this? Perhaps have padding or a max site width? Since this is a 7.0 template I am unable to adjust site width in the settings as far as I can tell.

http://mattpjones.com

Here is how it looks currently

153320532_ScreenShot2021-07-23at9_16_05PM.thumb.png.cda230122b3957b61e27b93c5da8abb2.png

And I would like it to resemble tablet view, even when in desktop width:

1111948585_ScreenShot2021-07-23at9_17_06PM.thumb.png.4ff1b81e1b6b14c6111019c8043c4f64.png

The site I am ideally looking to have mine like is http://www.justinmooredp.com/

They have the same template as me but I am guessing there is some custom code to keep the width fixed (regardless of browser size), and then add padding when it gets stretched out on a large display.

I am on a 30 inch monitor and seeing like the screenshots above.

Any help would be great!

Link to comment

1 answer to this question

Recommended Posts

  • 0
6 hours ago, mattpjones17 said:

Site URL: http://mattpjones.com

I have spent the last week getting my website setup and all is going well! However, when I do desktop view the template forces my thumbnails side by side in a large browser window. Is there some way to not have it do this? Perhaps have padding or a max site width? Since this is a 7.0 template I am unable to adjust site width in the settings as far as I can tell.

http://mattpjones.com

Here is how it looks currently

153320532_ScreenShot2021-07-23at9_16_05PM.thumb.png.cda230122b3957b61e27b93c5da8abb2.png

And I would like it to resemble tablet view, even when in desktop width:

1111948585_ScreenShot2021-07-23at9_17_06PM.thumb.png.4ff1b81e1b6b14c6111019c8043c4f64.png

The site I am ideally looking to have mine like is http://www.justinmooredp.com/

They have the same template as me but I am guessing there is some custom code to keep the width fixed (regardless of browser size), and then add padding when it gets stretched out on a large display.

I am on a 30 inch monitor and seeing like the screenshots above.

Any help would be great!

try

#grid .item {
    overflow: hidden;
    width: 100% !important;
    position: static !important;
    height: auto !important;
}

image.thumb.png.3da5e1b6dd1c3a6445cbd169dde33ab5.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Portfolio hover Replace Link Style
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

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...