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

Ommit Custom CSS from Mobile


JayClulow

Question

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 post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

6 answers to this question

Recommended Posts

  • 0

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

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
9 hours ago, JayClulow said:

Can Tablet be disabled?

edit 641 to 901

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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