Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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

When clicking Services, all menu move left a few pixels. Do you want to fix this?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...