Results 1 to 3 of 3

Thread: Footer issue

  1. #1
    Join Date
    Sep 2017
    Posts
    27

    Default Footer issue

    hello
    I am having footer issue with ipad browser , how can I make the footer sticky to the bottom of the page ,
    I tried on css absolute posotion , didn't work it effected the design on mobile
    any ideas?
    Attached Images Attached Images

  2. #2
    Join Date
    Jan 2005
    Location
    Linden, TN
    Posts
    4,489

    Default

    Quote Originally Posted by arknight View Post
    hello
    I am having footer issue with ipad browser , how can I make the footer sticky to the bottom of the page ,
    I tried on css absolute posotion , didn't work it effected the design on mobile
    any ideas?

    See if this helps you read slow
    https://www.quirksmode.org/blog/arch...fth_posit.html

  3. #3
    Join Date
    Sep 2017
    Posts
    27

    Default

    I did look for a solution on google couldn't find
    but I tried with this code
    @media only screen and (device-width: 1024px) {

    .main {
    height:-webkit-fill-available;
    }

    .wrapper {
    height:-webkit-fill-available;
    }
    }
    @media only screen and (device-width: 768px) {
    .wrapper {
    margin: 0;
    }
    html {
    height: 100%;
    }
    body {
    min-height: 100%;
    display: grid;
    grid-template-rows: 1fr auto;
    }
    footer.page {
    grid-row-start: 2;
    grid-row-end: 3;
    }
    }
    I guess it helped didn't check all the pages

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •