Derangedartist Posted April 5 Share Posted April 5 I am currently uploading three different pages, which are step to step guides on using drug testing strips, (We are a peer lead harm reduction organization) I love the size of the gallery and reel on the desktop version of each of these three pages but the mobile version crops the images with important info on them is there a way for me to keep the larger size on desktop version of these three pages but have the whole images in the reel on the mobile version? One is up its under the Xylazine test strip guide. I have 2 other pages being made same layout looking to have the galleries act the same on each. Link to comment
tuanphan Posted April 7 Share Posted April 7 You can share link to page where you use reel, we can use some code to fix this on on mobile Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Derangedartist Posted April 8 Author Share Posted April 8 https://www.sunar.ca/xylazine-test-strip-guide https://www.sunar.ca/fentanyl-test-strip-guide https://www.sunar.ca/benzo-test-strip-guide https://magenta-chiton-2wab.squarespace.com/config/pages The first three are the pages I need this done for the mobile version. The other is the editing page as you know, thank you I just started learning code but this needs to be done before the time I will learn to do it myself lol I really appreciate any and all help! Link to comment
Solution tuanphan Posted April 11 Solution Share Posted April 11 On 4/9/2024 at 12:51 AM, Derangedartist said: https://www.sunar.ca/xylazine-test-strip-guide https://www.sunar.ca/fentanyl-test-strip-guide https://www.sunar.ca/benzo-test-strip-guide https://magenta-chiton-2wab.squarespace.com/config/pages The first three are the pages I need this done for the mobile version. The other is the editing page as you know, thank you I just started learning code but this needs to be done before the time I will learn to do it myself lol I really appreciate any and all help! Try this code to Website > Website Tools > Custom CSS > Then save & reload the page @media screen and (max-width:767px) { .gallery-reel { height: 35vh !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Derangedartist Posted April 19 Author Share Posted April 19 thank you so much for your help! My little non profit that I work for really appreciated it!! tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment