Carli

Thank you so much @tuanphan! Much appreciated.

Sorry @tuanphan, I wasn't clear enough. I want to overlay the page background behind the menu when it pops out. Something like the attached.

Site URL: https://love-carli.squarespace.com/ https://love-carli.squarespace.com/ Password: love I have changed the mobile breakpoint on my website so the hamburger menu appears at 1024 px and then set the menu to only cover 55% of the screen, so it looks like the attached screenshot. What I would love to know is how I can set an overlay so the background behind the menu darkens when the menu opens, then goes back to normal when it is closed. I would like the colour to be #1B383B at 25% opacity. Would appreciate any help! Cheers.

https://goose-clementine-937a.squarespace.com/ password: love There are forms on the following pages: https://goose-clementine-937a.squarespace.com/book-a-consultation 'Email', 'Phone', 'Date', 'Time' & 'Location' fields are not working https://goose-clementine-937a.squarespace.com/request-a-quote All seem to be working except for the 'Ideal Budget' and "How Did You Find Me' fields near the bottom. https://goose-clementine-937a.squarespace.com/contact The 'Email', and 'Phone' fields are not working.

Hello, I have just been playing with this code for my forms. Can anyone tell me why it stops the form fields from working? The select boxes don't drop down and I can't type in the text fields. I have attached a screen shot of my form and the code I am using is below: To put the email and phone next to one another: div#block-yui_3_17_2_1_1596178403634_3980 {.form-wrapper .field-list>div:nth-child(2), .form-wrapper .field-list>div:nth-child(3) {width: 48.8%; float: left;} .form-wrapper .field-list>div:nth-child(2) {margin-right:2%;}} To put the date, time and location fields next to one another: div#block-yui_3_17_2_1_1596178403634_3980{.form-wrapper .field-list>div:nth-child(4), .form-wrapper .field-list>div:nth-child(5), .form-wrapper .field-list>div:nth-child(6){width:32% !important; float: left;}.form-wrapper .field-list>div:nth-child(4), .form-wrapper .field-list>div:nth-child(5) {margin-right: 2%;}} Also, would love to know how I can make the date, time and location fields span the full width of their 32% so it looks nice and even! Cheers, Carli

thank you!

Hi Rebecca, I searched forever for this and it works great, thank you. Is there a way I can apply it to a single carousel?