rani

Thanks - that works! But I was hoping to be able to use icons like the ones from FontAwesome or Google Material Symbols.

I want to change one of the items in my main navigation to be an icon, instead of text. For example, instead of the word "Calendar," I want to show an icon of a calendar. Any suggestions on how to do this? (pw for site is: hello123)

I haven't solved it yet. The problem occurs on several pages on different sites, but here is the link for the one in the screenshot: https://poodle-gecko-3tan.squarespace.com (password is: hello). Thanks!

The section with the contact form is 10 rows tall, and it uses a color theme with a black background. The white area (with the green "x") is not actually a section - it is just some blank space that appears between the section containing the contact form and the footer section.

In 7.1, if I have a page with only one short section, a white space shows up between the bottom of the section and the footer. See example below - the white space is marked with a green "x". The only way I have been able to get rid of it is to make the section a LOT taller, but then the page looks very unbalanced. This has happened on several different sites, including sites without any custom code at all. Any ideas for how to get rid of that white space that shouldn't be there?

When I create anchor links using a code block that only contains this code: <div id="name"></div> the code block on mobile is huge - 6 grid blocks tall. I can't make it shorter, and it messes up my mobile design. Anyone else running into this, or know of a workaround?