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

Recommended Posts

Hi -

I'm wanting my images to resize to be relative to the device my website is being viewed on. On a mobile, or a smaller computer, my website looks fine, but I tested it on a 27" mac yesterday, and it looks silly on a big screen. There's so much white space, and the images are dinky. I'm a photographer, so I rely on my images looking impressive, and I feel like this is not the desired effect.

Attached is a screenshot on the bigger computer to show how silly it looks.

Any idea how to fix this or where to look into solutions? My website is arianagillrie.com

Screen Shot 2019-11-30 at 9.03.23 am.png

Edited by Ariana_Ariana

Share this post


Link to post

Hi @Ariana_Ariana

I guess you can add something like this in Design > Custom CSS:

/*------------standardImac---------*/

@media only screen and (min-width: 2500px)
{
.sqs-gallery-design-strip {
                            height: 900px !important;
 }
 }

/*-------------------4k--------------*/

@media only screen and (min-width: 3800px)
{
.sqs-gallery-design-strip {
                            height: 1600px !important;
 }
 }

/*-------------------5k--------------*/

@media only screen and (min-width: 5000px)
{
.sqs-gallery-design-strip {
                            height: 2200px !important;
 }
 }

 

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