jeminalinn Posted January 2 Share Posted January 2 Hi, I've been trying to make my mobile site more similar to my desktop webpage, mainly by displaying 3 pictures (horizontally) in my portfolio grid instead of one. I have read all the previous posts about this and tried all sorts of different codes but nothing is working. Could someone please assist me? https://www.jeminasmith.com/ Thanks Link to comment
Ziggy Posted January 3 Share Posted January 3 Hi there! Can you try adding this to your Custom CSS: @media only screen and (max-width:768px) { .portfolio-grid-basic { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; grid-column-gap: 16px !important; } } It's not perfect to have 3 columns on mobile, the images get very small and the text doesn't look as good, this should make it 2 columns, maybe a good compromise: @media only screen and (max-width:768px) { .portfolio-grid-basic { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; grid-column-gap: 16px !important; } } Let me know if that works for you. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
jeminalinn Posted January 5 Author Share Posted January 5 That worked, thank you! Yes, you are right, 3 pictures look a bit odd, I might do the 2 or make the spacing inbetween less and the letters smaller. But thank you for your help! Link to comment
jeminalinn Posted January 5 Author Share Posted January 5 Would you happen to know how to make the instagram grid show on one line on mobile just like it does on the desktop? Right now it shows 2 pictures per row, which kind of blends in with my portfolio in a strange way. Link to comment
tuanphan Posted January 8 Share Posted January 8 On 1/6/2023 at 1:35 AM, jeminalinn said: Would you happen to know how to make the instagram grid show on one line on mobile just like it does on the desktop? Right now it shows 2 pictures per row, which kind of blends in with my portfolio in a strange way. It will be very small Add to Design > Custom CSS @media screen and (max-width:767px) { div.instagram-block .slide { width: 14.2857% !important; } } 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment