2 column mobile view for a single page

Site URL: https://www.artistabroad.com/the-artist

I have two columns on my artist page. On mobile it stacks the columns so people have to scroll through all of my cv before they get to the text about the artist. Is it possible to get a 2 column view on mobile (similar to how it shows on a desktop) for this single page of my website?

I'm a total noob when it comes to code so if possible could you please let me know exactly what to put and where to put it? 

Thanks so much, I really appreciate the help!

11 hours ago, Esined said:

Site URL: https://www.artistabroad.com/the-artist

I have two columns on my artist page. On mobile it stacks the columns so people have to scroll through all of my cv before they get to the text about the artist. Is it possible to get a 2 column view on mobile (similar to how it shows on a desktop) for this single page of my website?

I'm a total noob when it comes to code so if possible could you please let me know exactly what to put and where to put it? 

Thanks so much, I really appreciate the help!

try adding this into Design - Custom CSS

#collection-5b220e0faa4a99020f7b5a59 .sqs-layout .col.span-7 {
  width: 58.3333% !important;
  float: left !important;
}
#collection-5b220e0faa4a99020f7b5a59 .sqs-layout .col.span-5 {
  width: 41.6667% !important;
  float: left !important;
}

On 7/9/2021 at 10:17 PM, bangank36 said:

try adding this into Design - Custom CSS

#collection-5b220e0faa4a99020f7b5a59 .sqs-layout .col.span-7 {
  width: 58.3333% !important;
  float: left !important;
}
#collection-5b220e0faa4a99020f7b5a59 .sqs-layout .col.span-5 {
  width: 41.6667% !important;
  float: left !important;
}

Thank you! 

On 7/9/2021 at 9:51 PM, Esined said:

Site URL: https://www.artistabroad.com/the-artist

I have two columns on my artist page. On mobile it stacks the columns so people have to scroll through all of my cv before they get to the text about the artist. Is it possible to get a 2 column view on mobile (similar to how it shows on a desktop) for this single page of my website?

I'm a total noob when it comes to code so if possible could you please let me know exactly what to put and where to put it? 

Thanks so much, I really appreciate the help!

Hi. Do you need help with these?

Site URL: https://www.artistabroad.com/

1. (Tablet – Header) Line spacing is too big

2. (Tablet – Art works > posts) Want to increase text width?

https://www.artistabroad.com/traveling-the-world#/itchy-ichi/

3. (Tablet – The artist) Email don’t lie on the same row

https://www.artistabroad.com/the-artist

4. (Tablet – The artist) Button doesn’t look good

https://www.artistabroad.com/the-artist

5. (Tablet – The artist) Align text – image vertically

6. (Mobile – The artist) Want to align left buttons?

07. (Tablet – Collecting) Button doesn’t look good

https://www.artistabroad.com/collecting

8. (Mobile – Collecting) Word break and  don’t lie on the same row with number

https://www.artistabroad.com/collecting

9. (Tablet – News) Make text on the same line

https://www.artistabroad.com/news

10. (Mobile – Press)

https://www.artistabroad.com/press-1