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. General Discussion
  3. Footer

Footer

Scheduled Pinned Locked Moved General Discussion
13 Posts 4 Posters 1.2k 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.
  • M Offline
    M Offline
    marshall
    wrote on last edited by
    #1

    Hey everyone,

    I have put a small, copyright footer on my website--the problem is that it falls behind my menu bar at the bottom, and so cannot be seen. Anyone know how to fix this, and bring it to the front of the menu bar? I would also like to make the footer sticky, and would be grateful if anyone could help me out with that as well :))

    Thank you!

    R 1 Reply Last reply
    0
    • M Offline
      M Offline
      marshall
      wrote on last edited by
      #2

      Hey everyone,

      I have figured out how to make the footer fixed (although it still remains behind the menu bar--any code to bring it to the front would be great). One other thing I was wondering about was how to make the footer remain on the screen (like the site title) when going from page to page--right now it is fading in and out when you transition from screen to screen.

      https://www.petermarshall-photography.com/

      Thank you!

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

        Hey @marshall

        try this in the CUSTOM CSS:

        #footer-region {
            z-index: 1000;
        }
        

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply
        0
        • M Offline
          M Offline
          marshall
          wrote on last edited by
          #4

          Hey @mariusjopen

          Thanks! It works, but now the menu disappears when you scroll down, or can't be seen when you go on the contact page. Do you know anything that might rectify this?

          Cheers!

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

            Dear @marshall
            try this as well

            #footer-region {
                z-index: 1000;
                background: none !important;
            }
            

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply
            0
            • M Offline
              M Offline
              marshall
              wrote on last edited by
              #6

              Hey @mariusjopen ,

              Thanks, but now the links in the menu don't work if you scroll to the bottom! Any ideas?

              Thanks for all the help!

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

                Hey @marshall

                try this:

                #footer-region {
                    z-index: 1000;
                    background: none !important;
                    pointer-events: none;
                }
                

                Best!

                Marius

                www.mariusjopen.world

                1 Reply Last reply
                0
                • M Offline
                  M Offline
                  marshall
                  wrote on last edited by
                  #8

                  Thank you, that seems to have got it! However, the footer doesn't seem to work on safari-I was wondering if there was something I could put in to fix it?

                  Also, I was wondering if there was any code to stop the footer reloading every time the website goes onto another page? Right now it fades in and fades out with every page.

                  Thank you!

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

                    Dear @marshall

                    1. Yes. You can try this:
                    #footer-region {
                    z-index: 1000;
                    background: none !important;
                    position: fixed;
                    width: 100vw;
                    bottom: 0px;
                    }
                    

                    No. There is no option.

                    Hope I could help!

                    Best!

                    Marius

                    www.mariusjopen.world

                    1 Reply Last reply
                    1
                    • M Offline
                      M Offline
                      marshall
                      wrote on last edited by
                      #10

                      Great! Thank you very much for all the help!

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

                        Dear @marshall
                        you are very welcome.

                        Best!

                        Marius

                        www.mariusjopen.world

                        1 Reply Last reply
                        0
                        • M marshall

                          Hey everyone,

                          I have put a small, copyright footer on my website--the problem is that it falls behind my menu bar at the bottom, and so cannot be seen. Anyone know how to fix this, and bring it to the front of the menu bar? I would also like to make the footer sticky, and would be grateful if anyone could help me out with that as well :))

                          Thank you!

                          R Offline
                          R Offline
                          rm4000
                          wrote on last edited by
                          #12

                          @marshall how did you get it to be fixed?

                          1 Reply Last reply
                          0
                          • R Offline
                            R Offline
                            rlanguillat
                            wrote on last edited by
                            #13

                            #footer-region{
                            position: fixed;

                            ?

                            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
                            T
                            tingle3003
                            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