Jump to content

Ommit Custom CSS from Mobile

Recommended Posts

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



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



width:100vw !important;


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?




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