GorgeousColorfulBricks

[data-section-id="63079e6224b41c102dbb8dae"] { overflow: invisible; &:before { content: ''; width: 100%; height: 100%; background-image: url(https://static1.squarespace.com/static/63079612ad280b6848defeb6/t/633496cf651ab509526dd93a/1664390863356/PinkWavesWithWhitedottedLine.png); position: absolute; background-size: 100%; background-repeat: no-repeat; background-position: bottom; top: 0; margin-top: 1px; transform: translateY(-100%); pointer-events: none!important; z-index: 1; @media screen and (max-width: 700px) { background-size: 100% 100%; } } } I have a cool PNG divider that divides the hero image from the rest of the page. But on mobile, it stretches up vertically. How can I rewrite my code so that my divider adjusts it's height proportionally to its new width??

Site URL: https://roxeesalon.squarespace.com/ Hi! I need some CSS/Design help with my website which may involve grabbing IDs and changing their attributes using CSS. 1. How can I bold the menu items here? 2. How do I disable fade-in on the image to the left in my homepage? 3. How can I hide/delete these social media links to the bottom right? 4. How do I hide my custom divider images on mobile? Or better yet, PLEASE someone tell me how to change them to look great on mobile too! In the first image, the divider looks terrible on mobile. In the second image, it looks just fine. Why am I having this issue, and how do I make this consistent throughout? Website password: a Template: Almar Let me know if you need a direct look at my CSS, and I can provide. Thank you.

It's good to know that IDs don't really change. I sorta winged my way to the result I wanted. (I created a new section entirely with the "Our specialty" and popped it on top of the photos section. :J

Site URL: https://roxeesalon.squarespace.com/ Web pass: a I have a title that I want to increase the size of, but the specific section template I'm using does not allow for further customization for its size. (See first image and see first section titled "Our Services" on the website link) I want it to look like the title from the second image. If I target a specific ID, my concern is that SquareSpace would change these ID names whenever, and my website would break.