Side-by-side Columns in Mobile Footer 7.1

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. 

Try this in your custom CSS:

#block-yui_3_17_2_1_1604692235424_57878 {
  @media screen and (max-width: 767px) {
  width: 45%;
  float: left;
  }
}

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?

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;
    }
  }
}

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. 🙂

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.

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)?