Footer on Bottom

This topic contains 6 replies, has 2 voices, and was last updated by  Guust 7 years, 3 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: 

  • Author
    Posts
  • #395238

    Chris
    Expired Member
    Post count: 21

    Hi Guys!

    I have racked my brain on this one for a bit and need your assistance please. On our home page, we have minimized the featured area height via CSS. Now our problem is our footer is not at the bottom of the page when viewing from pc monitors. I can add CSS to “fix” the footer to the bottom which looks great on pc monitor but does not work on mobile (footer takes up the entire mobile page). Can you help us with providing a way to put the footer at the bottom of the page?

    I will add site info and temp admin credentials below.

    As always, thanks for the help!

    #395239

    Chris
    Expired Member
    Post count: 21
    This reply has been marked as private.
    #395241

    Guust
    Moderator
    Post count: 29970

    Added this CSS at GD > Design > Scripts

    
    
    .home #footer { 
    position: fixed;
    bottom: 0;
    width: 100%;
    }

    Thanks

    #395243

    Chris
    Expired Member
    Post count: 21

    Thanks Guust for the quick response!

    I tried that as well, it looks great on a pc, but on a mobile device (i.e. iPhone 6, safari or chrome browser) the footer takes up the whole page. Can you take a look at the site from a mobile device and confirm?

    Thanks!

    #395246

    Guust
    Moderator
    Post count: 29970

    Try playing with

    
    
    @media (min-width: 992px) {
    .home #footer { 
    position: fixed;
    bottom: 0;
    width: 100%;
    }
    }

    Change the width until you are happy.

    #395254

    Chris
    Expired Member
    Post count: 21

    Thanks again Guust, please mark as resolved.

    #395256

    Guust
    Moderator
    Post count: 29970

    You’re welcome 🙂

Viewing 7 posts - 1 through 7 (of 7 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount