torchglow

Yes I do! I still haven't been able to figure this out.

Site URL: http://torchglow.video PW: T0rchgl0w I'm having trouble getting some images to align and stay aligned with text in a 'list' section. It only looks correct when the window is a certain size, but the images get skewed left or right depending on the size of the window. I've attached screen shots of desktop vs mobile. I added the images via code block and have css resizing and positioning them. Here is an example: Code: <img src="https://static1.squarespace.com/static/6016ebcd5d14073e2249cdd0/t/606241f5836efb696e849bc5/1617052149712/fuel_icon.png"> CSS: /*fuel*/ #block-yui_3_17_2_1_1617052003349_6358 {width: 73px; position: relative; left: 40%; } Thank you!

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;} }