Okay
  Public Ticket #913766
Mobile Footer
Closed

Comments

  •  2
    motiv_studio started the conversation

    Setting the Footer type to "Fixed" makes the footer "jump" on mobile browsers.

    How can I set the Footer type to "Normal" on mobile only and keep it "Fixed" on Desktop?

    Thanks

  •  1,558
    Laborator replied

    Hi there,

    Do you want to set the footer like in the agency demo: http://demo.kaliumtheme.com/agency/ ?


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  2
    motiv_studio replied

    No, that's not what I mean.

    Under "Theme Options" -> "Footer" -> "Footer type", there are 4 options:

    - Normal

    - Fixed to Bottom (No animations)

    - Fixed to Bottom with Fade Animation

    - Fixed to Bottom with Slide Animation

    Any of the "Fixed" options does not allow a smooth scroll on mobile (Android). So could I set the Footer type to Normal when viewed on mobile but Fixed to Bottom on desktop?

  •  2
    motiv_studio replied

    Solved it.

    I set the Footer type to "Fixed to Bottom (No animations)" then added a couple media queries in the Custom CSS.

    @media (max-width: 600px) {
     #footer {
      position: initial;
     }
     
     body {
      height: initial; 
     }
    }
    @media (min-width: 601px) and (max-width: 992px) {
     #footer {
      position: fixed;
     }
    }

    In case anybody else might find this useful! :)

  • [deleted] replied

    Glad to hear thatWill set this ticket as solved from here.