Ommit Custom CSS from Mobile

Site URL: http://www.jayclulow.photography

Hi,

I've been using the following custom CSS with the Flatiron template to give a wider frame view of my images on desktop 

.gallery-item{

width:100vw !important;

  height:100%;

position: fixed;

left: -300px;  /*Change the 300px depending on your template*/

}

However because on mobile that left section stacks how can I stop this rule from being applied on mobile?

Thanks,

Edit your code to

/* run only desktop tablet */
@media screen and (min-width:641px) {
  .gallery-item {
    width:100vw !important;
    height:100%;
    position: fixed;
    left: -300px;
  }
}

Tuanphan, 

Thats awesome thank you. Just one minor glitch it displays incorrectly when resized to roughly tablet size?

Thanks,

Can Tablet be disabled?

9 hours ago, JayClulow said:

Can Tablet be disabled?

edit 641 to 901

On 2/16/2020 at 9:50 AM, tuanphan said:

edit 641 to 901

Still doing it unfortantley. Using an iPad Pro its displaying incorrectly. 

On 2/16/2020 at 9:50 AM, tuanphan said:

edit 641 to 901

Hey, Don't suppose you can look into my issue with tablet too could you?

Thanks,