alexandriam Posted February 12, 2021 Share Posted February 12, 2021 Site URL: https://drum-chimes-lbjg.squarespace.com/ pw: racaia Hi! I've tried a few methods to make these columns side-by-side but I can't figure out the classes and divs in 7.1. I'd like these link columns to show up side-by-side in mobile. Link to comment
dvgdvgdvg Posted February 12, 2021 Share Posted February 12, 2021 Try this in your custom CSS: #block-yui_3_17_2_1_1604692235424_57878 { @media screen and (max-width: 767px) { width: 45%; float: left; } } Link to comment
alexandriam Posted February 12, 2021 Author Share Posted February 12, 2021 3 minutes ago, dvgdvgdvg said: Try this in your custom CSS: #block-yui_3_17_2_1_1604692235424_57878 { @media screen and (max-width: 767px) { width: 45%; float: left; } } Yah, I've tried that one and it didn't work. I tried calling out the div#block-yui for both columns and the whole section... were you able to get that to work in inspect mode? Link to comment
dvgdvgdvg Posted February 12, 2021 Share Posted February 12, 2021 Hmmm. Okay one more idea to try: [data-section-id="5fa5a1a08d0ffc3f2d151b14"] { @media screen and (max-width: 767px) { .sqs-col-4 { float: left!important; width: 45%!important; } } } Link to comment
alexandriam Posted February 12, 2021 Author Share Posted February 12, 2021 8 minutes ago, dvgdvgdvg said: Hmmm. Okay one more idea to try: [data-section-id="5fa5a1a08d0ffc3f2d151b14"] { @media screen and (max-width: 767px) { .sqs-col-4 { float: left!important; width: 45%!important; } } } That was it! Thank you!! So many ids to sort through. 🙂 Link to comment
dvgdvgdvg Posted February 12, 2021 Share Posted February 12, 2021 8 minutes ago, alexandriam said: That was it! Thank you!! So many ids to sort through. 🙂 Woohoo! Glad we solved it. Feel free to mark the code that worked as the 'best answer' so your question is listed as solved. Link to comment
juliaprather Posted August 8, 2022 Share Posted August 8, 2022 On 2/12/2021 at 2:48 PM, alexandriam said: That was it! Thank you!! So many ids to sort through. 🙂 Hello! I notice the two columns you're talking about are not currently lined up side by side on the mobile view of your site. Did you change your mind about how it looked or did the code stop working (or something else)? 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