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. Feedback
  3. footer reveal option

footer reveal option

Scheduled Pinned Locked Moved Feedback
3 Posts 2 Posters 110 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.
  • J Offline
    J Offline
    Jarek
    wrote on Oct 23, 2023, 5:28 PM last edited by
    #1

    Hey Armin. Do you think it's possible to make the Footer page work with a 'footer reveal' effect? I tried with CSS but failed. I can do it with a section of the page, see here for example: https://lsbstudios.co.uk/home-bf/

    But the links / text on the footer doesn't work, and changing z-index function won't help. Also, it would mean making the same section on every page of the website, which is not practical. I'd love to have that effect though, but with a Footer page.

    Any tricks you think could work here?

    1 Reply Last reply
    0
    • A Offline
      A Offline
      arminunruh
      Global Moderator
      wrote on Oct 24, 2023, 1:02 AM last edited by arminunruh Oct 23, 2023, 9:05 PM
      #2

      you did a great job with that website!

      disable the cover feature and use this css:

      #footer-region{
          position: fixed;
      }
      /* using body>.lay-content to not select content inside  */
      body>.lay-content #grid{
          background: white;
          z-index: 2;
          margin-bottom: 100svh;
      }
      

      this code expects your footer to be browser height, because we use margin-bottom: 100svh;

      with the cover feature creating this effect is harder because both the cover and the footer are fixed and need to be hidden behind the content.
      so after scrolling away from the cover, i would need to then hide it using js, so the fixed footer can be revealed later.

      1 Reply Last reply
      1
      • J Offline
        J Offline
        Jarek
        wrote on Oct 30, 2023, 3:49 PM last edited by
        #3

        Worked a treat! Thanks Armin, much appreciated.

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

        1/3

        Oct 23, 2023, 5:28 PM


        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
        O
        okitswinter
        less than a minute ago
        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.
        1 out of 3
        • First post
          1/3
          Last post
        0
        • Recent
        • Tags
        • Popular
        • Users
        • Search