Jump to content

Fixing Footer on Mobil

Recommended Posts

Site URL: https://paddlefish-red-zy7l.squarespace.com/

My footer on mobile site isn't looking great. For some reason the right hand text box is sitting vertical on top of the left hand text box on desktop but now that the mobile info bar is enabled I think it would be best to remove the red footer on mobile completely as when you are scrolled right to the bottom and click the hamburger menu it overlaps. 

What is a code to hide the footer on mobile devices only?

Link to comment
  • Replies 1
  • Created
  • Last Reply

Add to Home > Design > Custom CSS

/* Hide mobile footer */
@media screen and (max-width:767px) {
footer.sections {
    display: none;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.