JayClulow 0 Share Posted February 13 (edited) 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 February 13 by JayClulow Early submitted Link to post
0 tuanphan 8,256 Share Posted February 13 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 JayClulow 0 Author Share Posted February 13 Tuanphan, Thats awesome thank you. Just one minor glitch it displays incorrectly when resized to roughly tablet size? Thanks, Link to post
0 tuanphan 8,256 Share Posted February 16 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
0 JayClulow 0 Author Share Posted February 17 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. Link to post
0 JayClulow 0 Author Share Posted March 4 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, Link to post
Question
JayClulow 0
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 JayClulowEarly submitted
Link to post
Top Posters For This Question
5
2
Popular Days
Feb 13
3
Feb 16
2
Feb 17
1
Mar 4
1
Top Posters For This Question
JayClulow 5 posts
tuanphan 2 posts
Popular Days
Feb 13 2020
3 posts
Feb 16 2020
2 posts
Feb 17 2020
1 post
Mar 4 2020
1 post
Posted Images
6 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment