amsperle

I'm currently working on a website that looks great on desktop but shows a random white line on the mobile version. I've attached an image below. I've tried coding it out, playing with site colors, and readjusting page layout but can't get rid of the line even when I turn off the option for a page divider. Current code being used in CSS is @media screen and (max-width:767px) { body#collection-62190ed89b8bb57737b08465 br { display: none; } } Any help is appreciated!

@Photograffix Hi- appreciate your help! This is what the issue is for me. I do have the code injected and have sit save but it doesn't seem to apply to my site.

@jaeveedee here is the link - https://amsperle.com/, thanks in advance for taking a look!

Website URL: amsperle.com I'm currently trying to add a custom font to my website and it will not work for the life of me. I've tried re-downloading my font file, deleting and uploading again, and every time I go to my website page, the font remains unchanged and I have no option within font families to add my own font. I feel like I'm losing my mind hahaha. My code is as follows: @font-face { font-family: 'spitzkant'; src: url(https://static1.squarespace.com/static/60788cefc1c5303b3e31f981/t/6481f0f3fe79702e28324e97/1686237427546/spitzkant-head-light+2.ttf); } h1, h2, h3, h4, h5 { font-family:'spitzkant'; } p { font-family: 'spitzkant'; }