Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Bug Reports
  3. Sticky footer issue (mobile)

Sticky footer issue (mobile)

Scheduled Pinned Locked Moved Bug Reports
5 Posts 2 Posters 421 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • B Offline
    B Offline
    bro
    wrote on last edited by bro
    #1

    Have a sticky footer on a quasi-empty contact detail page, which works fine on desktop, but on mobile is pushed out of the viewport (with scroll) by the menu bar.

    Am using a desktop style menu bar for mobile (no burger). If I hide the menu bar on mobile (through Appearance > Customize > etc.), the sticky footer is in the right place…

    Is there a fix for this?

    B 1 Reply Last reply
    0
    • B bro

      Have a sticky footer on a quasi-empty contact detail page, which works fine on desktop, but on mobile is pushed out of the viewport (with scroll) by the menu bar.

      Am using a desktop style menu bar for mobile (no burger). If I hide the menu bar on mobile (through Appearance > Customize > etc.), the sticky footer is in the right place…

      Is there a fix for this?

      B Offline
      B Offline
      bro
      wrote on last edited by
      #2

      @mariusjopen and anyone who might read this

      Managed to (temporarily?) work around this issue by adding to custom css for mobile version:

      body {padding-top: 0}
      -> deleting menu bar height value automatically set as padding-top on body

      #main-region {padding-top: [menu bar height value]}
      -> adding it to main region instead

      1 Reply Last reply
      0
      • mariusjopenM Offline
        mariusjopenM Offline
        mariusjopen
        Global Moderator
        wrote on last edited by
        #3

        Dear @bro

        Can you post a link to our website?
        Then we can have a look and inspect that.

        But if it works now – the problem is solved, right?

        Let me know!

        Best!

        Marius

        www.mariusjopen.world

        B 1 Reply Last reply
        0
        • mariusjopenM mariusjopen

          Dear @bro

          Can you post a link to our website?
          Then we can have a look and inspect that.

          But if it works now – the problem is solved, right?

          Let me know!

          Best!

          Marius

          B Offline
          B Offline
          bro
          wrote on last edited by bro
          #4

          @mariusjopen

          Website is in maintenance mode still, so can't post the link. But yes, the workaround solves the problem.

          I’ll be sure to post you the link to the website when it goes online, for inspection.

          Best, Bas

          1 Reply Last reply
          0
          • mariusjopenM Offline
            mariusjopenM Offline
            mariusjopen
            Global Moderator
            wrote on last edited by
            #5

            Dear @bro

            Perfect. Happy to hear and to see the page.

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply
            0
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes


            I also code custom websites or custom Lay features.
            💿 Email me here: 💿
            info@laytheme.com

            Before you post:
            1. When using a WordPress Cache plugin, disable it or clear your cache.
            2. Update Lay Theme and all Lay Theme Addons
            3. Disable all Plugins
            4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

            This often solves issues you might run into

            When you post:
            1. Post a link to where the problem is
            2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
            3. If the problem is difficult to explain, post screenshots / link to a video to explain it
            Online Users
            A
            antonia_viola
            Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
            laytheme.com
            • Login

            • Don't have an account? Register

            • Login or register to search.
            • First post
              Last post
            0
            • Recent
            • Tags
            • Popular
            • Users
            • Search