Jump to content

how to reduce my footer page on mobile device

Recommended Posts

Site URL: https://millimetrearchitecture.com/

Hi, I have made my footer to be the all width of my website which is perfect ont he desktop version. I used the following CSS:

footer#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.main-content {
    padding-bottom: 5vw;
}

 

however when on the mobile version the footer covers the all bottom of my page and some text and button. does someone know how to solve this?

Link to comment
  • Replies 4
  • Views 833
  • Created
  • Last Reply
Just now, tuanphan said:

Hi. Remove your code & add new code


@media screen and (min-width:641px) {
footer#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.main-content {
    padding-bottom: 5vw;
}
}

 

thank you i did fix it already 🙂

thanks a lot!

Link to comment

Archived

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.