footer placement on mobiles?

  • Posted in : impressivCard
  • jasonleicester
    Participant

    Hi,

    I added a footer as you recommended from another post (How to add footer?) as in;

    Copyright Text

    which works fine for desktop, but on mobiles, the footer displays permanently across the screen (half way down) even when the content area scrolls beyond the bottom of the screen.

    Is there a way to make the footer appear after everything else on screen on the mobile version?

    Thanks in advance
    Jason

    ahmetsali
    Keymaster

    Hi, i see, then we need to change the footer markup a bit, then style it via css for desktop and mobile;

    <!-- ************************ PAGES -->
    <div id="footer" >
       <p>Copyright Text</p>
    </div>
    

    then style footer via css;

    #footer { position:absolute; bottom:0; left:0; width:100%; text-align:center; }
    .safe-mod #footer { position: static; margin: 1em 0; }
    
    jasonleicester
    Participant

    That worked brilliantly. Thank you and thanks for the fast response.

    Jason

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

The forum ‘impressivCard’ is closed to new topics and replies.