Hello, I was looking for answers to a few concerns on my mobile website. I have searched through the forum for the answers and found ways to fix other aspects, so I'm very appreciative of the Squarespace community. Any answers are greatly appreciated, thank you!
Site: werewoofbites.com
All of the following concerns are on the homepage of my site for mobile view only.
I need to move the button to the bottom of the image (2nd child *seen in "WW screenshot 1") or remove from mobile view. I did mess with the padding to make it move downwards, however the button is too big and gets cut off. So I would need code to make the button smaller if it can move lower in the image. the button circled in red is what I would need moved to or around the purple box
The 6th child ("Spooky Ingredients" *seen in WW Screenshot 2" ) should be cropped just like the desktop version and I don't know how to achieve that on mobile. I messed with the padding, but again it didn't work. The purple box is what I need removed from the image
The footer in my mobile version on all pages is out of proportion and tall. I was looking for code to make it into a row (left - right column). I tried previous code from @tuanphan on another thread, but I couldn’t get it to work . I'm not necessarily worried about the background image, as I have code to fix it.
