KellenMcG Posted December 8, 2020 Share Posted December 8, 2020 Site URL: https://bumblebee-chartreuse-kmxn.squarespace.com password = rprednep Hello, I have found a bit of CSS code to display my Twitter feed horizontally: .twitter-block .tweet-list { column-count: 3; } div#block-#block-yui_3_17_2_1_1607288772836_6959 { width: 100%; } And have the number of tweets to show set to "3". This looks okay on desktop, but I want to stack tweets on mobile instead of just squishing horizontally. Hoping someone can help, thanks! Link to comment
Beyondspace Posted December 9, 2020 Share Posted December 9, 2020 2 hours ago, KellenMcG said: Site URL: https://bumblebee-chartreuse-kmxn.squarespace.com password = rprednep Hello, I have found a bit of CSS code to display my Twitter feed horizontally: .twitter-block .tweet-list { column-count: 3; } div#block-#block-yui_3_17_2_1_1607288772836_6959 { width: 100%; } And have the number of tweets to show set to "3". This looks okay on desktop, but I want to stack tweets on mobile instead of just squishing horizontally. Hoping someone can help, thanks! @media only screen and (max-width: 640px) { .twitter-block .tweet-list { column-count: 1; } } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
KellenMcG Posted December 9, 2020 Author Share Posted December 9, 2020 Thanks a lot! Beyondspace 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