Lead collection popup troubleshooting - urgent

[Sivadarshan]

I'm using Omnisend for the lead collection popup. In the mobile view, I need help troubleshooting the checkbox layout. I want the checkboxes to appear in a single row—just like they do on desktop. If that’s not possible, is it at least possible to reduce the line height between “Hip & Joint” and “General Wellness”?

You can check what I mean on our website. I’ll share the link below—please review it in mobile view.

Disclaimer: Please make sure to check this on a mobile device.

website: https://thetruthfultail.com/

[TheScriptFlow_]

In order to show two columns on Mobile then you need to paste the following code in the end of base.css file.

@media only screen and (max-width: 767px) {
.omnisend-form-684d0abf50692b4565082670-column-684d12f35a12d352e1148fb4 {
    justify-content: space-between !important;
    flex-direction: row !important;
}
}

Results:

[Sivadarshan]

@TheScriptFlow_ Sorry it's not working, please help me to sort out this

[TheScriptFlow_ · Accepted solution]

Basically,

I am using the id of the section. That's why it does't seems to be work. So that's seems to not work for you. Would you like to share the whole code of the popup section so that I update it and provide to you.

Thanks

[Sivadarshan]

@TheScriptFlow_ Sorry, I'm using an external app named omnisend for this, So I don't know how to get the code, is there any possible way to sort this out.

[TheScriptFlow_]

If your app gave you option to add the custom code then paste the code in his custom code input field

[Sivadarshan]

@TheScriptFlow_, can you please recheck the popup? I have changed the popup, so is there any way to sort it out? Sorry for the thing 

[TheScriptFlow_]

I cannot see the check-boxes anymore. Would you like to revert it back so that I can take a look.

Thanks