torchglow

Ah! I think you're on to something. I used the Chrome extension Squarespace Collection/Block Identifier to find the div id for each footer section (comes in handy BTW, highly recommend). I updated my code accordingly and it still looks the same. If I find the solution I'll update this thread! Maybe there is a different 'display' attribute that would totally remove the section...🤔 #block-yui_3_17_2_1_1616001525201_4948 {display: block;} #block-e5fffd4f1f1d6a04b0d6 {display: none;} @media screen and (max-width: 799px) { #block-yui_3_17_2_1_1616001525201_4948 {display: none;} #block-e5fffd4f1f1d6a04b0d6 {display: block;} }

Site URL: http://torchglow.video PW: T0rchgl0w I have been playing around with footers and was having trouble making it look good across all devices, so I decided to make two footers and assign one to Desktop and one to Mobile. I designed the footers using Code Blocks and assigned different id's to each. Technically it works, but on desktop there is a ton of dead space under the footer, and on mobile there is a ton of dead space above it. Any ideas on how to clean that up? Here is the code I'm using: /*Footer*/ #footer-text {font-family: 'DMMono-Regular'; font-size: 13px; color: #D6D6D6; } a:hover { color: #F86A4A !important; } #footer-text-mobile {font-family: 'DMMono-Regular'; font-size: 13px; color: #D6D6D6; } a:hover { color: #F86A4A !important; } .footer-logo img{ height: 15px !important; width: 32.5px !important; padding: 0px; } #footer-text {display: block;} #footer-text-mobile {display: none;} @media screen and (max-width: 768px) { #footer-text {display: none;} #footer-text-mobile {display: block;} }