Jump to content

Ommit Custom CSS from Mobile

Recommended Posts

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,

 

Edited by JayClulow
Early submitted
Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

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

 

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
  • 3 weeks later...

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.