Can I make my Contact Form and Collapsible List split the screen 50%?

Okay friends, here is what I’m going for. I’m looking to have the Contact Form and the Collapsible List each take up 50% of the screen (List on the Left / Form on the Right) on the Desktop Version of the Contact Us page.

On Mobile I would prefer they be full width and stacked, but I think I understand how to adjust the code to affect Desktop only (she says with 100% Unearned Confidence)

Finally, I’m hoping to have the Contact Form in a Container with Rounded corners. I think that would use the code {border-radius: 10px;} but I’m not sure exactly where that would be implemented.

Pic below for my inspiration/goal if my description wasn’t very good.

As always, any help is greatly appreciated. :heart:

Theme: Dawn
Website: https://darklingnails.com/
Password: darkling

Hello, It is not possible right now they way you used. You need to insert liquid code of the contact form inside the faq liquid and then write css.
right now they are load two different section.

Okay, thanks! I will look into that shortly! Thank you so much!

Hi @hellodarkling

Could you send the link to page you gave contact form and Collapsible List so I can provide the code to do your request?

1 Like

Yes, thank you so much @Dan-From-Ryviu . The page is https://darklingnails.com/pages/contact

1 Like

Hi @hellodarkling

Please add this code to theme.liquid file, after in Online store > Themes > Edit code

{% if page.id == 114501845235 %}

{% endif %}

2 Likes

That is incredible! Thank you so much! Truly! I have been struggling to figure how to somehow combine the Contact Form and the Collapsible List onto a Custom Liquid and generally just making a mess. Thank you again! I wish I could spam the Like button. 500 Likes!!!

You made it only side-by-side on Desktop as well!!! @Dan-From-Ryviu you absolute LEGEND!!! Thank you!!!

1 Like

You are very welcome!

1 Like