lg2020

Update: I found a way to do this, by inserting this code into custom CSS: html, body { max-width: 100%; overflow-x: hidden; } This appears to have disabled the horizontal scrollbar and fixed the issue. If anyone has any better way to solve the problem, please let me know!

Site URL: https://duck-guava-kxww.squarespace.com/our-services I'm trying to create a list using a code block with one small change: the titles of the list need to be links. I've managed to get that working, but I've been having a hard time getting the code block to display full width without making the page too large horizontally. I'd like it to be exactly like https://duck-guava-kxww.squarespace.com/our-services-3 just with links in place of the titles for each item (i.e. "Residential Cleaning", "Deep Cleaning", etc.). I've toyed around with it for awhile and tried a number of suggestions but I haven't cracked it. I just noticed, too, the way it is appears wrong on mobile as well. On mobile, the text stretches right to the left edge of the screen.

Due to the colours of the logo and the backgrounds on each page, my website requires different version of my logo on some pages than others. The most challenging part appears to be on mobile, when you enter the overlay menu, the background is white, so I need to use a black version of my logo rather than the white version used on most pages, including the homepage. How can I do this? I'm using the Colima template.