Need to removing spacing below footer on mobile

Hello,

I need to remove the space below the footer and find your local centre floating bar on mobile.

I have attached the footer.php, stylesheet and a screenshot of what it looks like and what i need it to look like - https://we.tl/t-lW5Pj3s2wj

I also need all the footer items to be centralised as on a bigger mobile eg iphone 7 plus items are more to the left.

Appreciate your help

Many Thanks

  • Kris
    • Support

    Hi allanlove

    Hope you are doing good today.

    Could you follow below and replace correct css parts in style.css file?

    1. replace

    @media only screen and (min-width: 320px) and (max-width: 600px) {
    #colophon {
    height: 383px !important;
    }}

    to

    @media only screen and (min-width: 320px) and (max-width: 600px) {
    #colophon {
    height: auto !important;
    padding:0 0 90px 0;
    }}

    2. then

    @media only screen and (min-width: 320px) and (max-width: 600px) {
    #top-footer .textwidget {
    width: 100%;
    }
    }

    to

    @media only screen and (min-width: 320px) and (max-width: 600px) {
    #top-footer .textwidget {
    width: 100%;
    }
    #top-footer div {
    width: 99.5% !important;
    }
    }

    Hope this help :slight_smile:

    Kind Regards,
    Kris

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.