Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Project + Footer

    General Discussion
    3
    7
    348
    Loading More Posts
    • 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.
    • A
      adam last edited by

      Hey guys

      I am trying to achieve having a project description at the very end of all my projects along with a footer positioned at the bottom. Ideally I want this last section of my project to be 100vh.

      At the moment by setting the last row of my project that includes the description to "use browser height for row height" plus having a footer set up for all the project it just add the footer on top. As a result im getting a bottom section of 100vh plus the footer.

      Is there a way to include the footer in the 100vh of the last row of my projects?

      1 Reply Last reply Reply Quote 0
      • edgrbnz
        edgrbnz last edited by

        Afaik that is not really possible right now. You might be able to do it via CSS / Code though. Ideally this last section is the footer and you could fetch the project description via CSS, Shortcode or similar.

        For now I’d suggest to setup one project with the desired last 100vh section. Put anything in there you need (includig the footer contents), duplicate said project and adjust the layout for all the other projects you have in mind.

        But perhaps @mariusjopen has a cleaner, code based solution on offer for the first option?

        ✦ ✦ ✦

        1 Reply Last reply Reply Quote 1
        • mariusjopen
          mariusjopen Global Moderator last edited by

          Dear @adam
          can you provide a quick sketch of what you are trying to achieve and a link to your current website if possible?

          Thank you!

          Best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply Reply Quote 0
          • A
            adam last edited by

            Hey guys thanks for the reply

            @edgrbnz that the only solution I can think of however i'm hoping for it to be a little more automated.

            @mariusjopen the image is what i'm trying to achieve. Ideally I would like this whole bottom section of my projects to be 100vh. The bottom content would be the automated footer contents.

            0_1549360105295_demo.png

            1 Reply Last reply Reply Quote 0
            • mariusjopen
              mariusjopen Global Moderator last edited by

              Dear @adam
              if the footer has always the same height,
              you can make a margin-top: - FOOTERHEIGHT;
              Then the footer is always within the height of the previous box.

              Hope that helped.

              Best!

              Marius

              www.mariusjopen.world

              1 Reply Last reply Reply Quote 0
              • A
                adam last edited by

                Ah i see what you're saying. I gave it a quick try and can get it to work for specific browser widths however doesn't work as well at all screen sizes. Percentages seem to work a little better then pixels however its not perfect.

                Any other ways around this?

                1 Reply Last reply Reply Quote 0
                • mariusjopen
                  mariusjopen Global Moderator last edited by

                  Dear @adam
                  also have a look here:
                  https://www.w3schools.com/cssref/func_calc.asp

                  Hope that helps!

                  Best!

                  Marius

                  www.mariusjopen.world

                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post

                  Before you post

                  Use the Search Feature. Maybe there is already a solution to your issue.

                  1. Update Lay Theme and all Lay Theme Addons
                  2. Disable all Plugins
                  3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                  4. Now see if your problem solved itself
                  5. Go here, see if your problem is listed here:
                  Troubleshooting

                  When you post:
                  1. Post a link to where the problem is
                  2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                  Thanks!

                  Online Users

                  M
                  M
                  M

                  Recent Topics

                  • M

                    komische boxen auf der Website

                  • S

                    Theme crashed - because of Polylang?

                  • J

                    Split Screen just on front page / subpages without the split?

                  • Y

                    image quality dropped

                  laytheme.com