How do I make my products show up two products per row on mobile version?

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

Hello, I am looking for help with a custom code for my website. The products on the mobile version are very spread out and only show one at a time which requires quite a bit of scrolling. I would like the products on the mobile site to show two per line. Thank you.

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1594330316991_6334+.row>.col {
    width: 50% !important;
    float: left !important;
}
}

On 7/11/2020 at 6:58 PM, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1594330316991_6334+.row>.col {
    width: 50% !important;
    float: left !important;
}
}

 

Thank you! This worked for the first row, however the second row is still seperated I tried pasting the code twice and it doesn't work. Is there a seperate code for this?

On 7/13/2020 at 12:19 PM, jfrank said:

Thank you! This worked for the first row, however the second row is still seperated I tried pasting the code twice and it doesn't work. Is there a seperate code for this?

Can you share access password?

13 hours ago, tuanphan said:

Can you share access password?

the password is a single space

I am trying to insert a textbox above the two products. However, when I do it breaks the code. How can i avoid this?

13 hours ago, jfrank said:

the password is a single space

Quote

single space

incorrect password

13 hours ago, jfrank said:

I am trying to insert a textbox above the two products. However, when I do it breaks the code. How can i avoid this?

the code structure will change. Can you share link to product page?

13 hours ago, tuanphan said:

incorrect password

the code structure will change. Can you share link to product page?

i changed the password to "1234"

https://www.jadoredbyjody.com/

On 7/17/2020 at 8:32 AM, jfrank said:

https://www.jadoredbyjody.com/

 

Where is text block? Can you take a screenshot?

On 7/18/2020 at 8:21 AM, tuanphan said:

Where is text block? Can you take a screenshot?

This is the text block that I added that broke the code. If i was to undo this text box the code would work, but only for the first two eyelashes. 

You can add text block then let me know.  I will give the new code

18 hours ago, tuanphan said:

You can add text block then let me know.  I will give the new code

The image contains the text box "shop our featured" is the text