Forcing Index Thumbnails to Single Stack in Desktop View

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

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

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!

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

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

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