Project + Footer
-
wrote on Feb 3, 2019, 11:03 AM 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?
-
wrote on Feb 4, 2019, 7:52 AM 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?
-
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
-
wrote on Feb 5, 2019, 9:50 AM 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.
-
Dear @adam
if the footer has always the same height,
you can make amargin-top: - FOOTERHEIGHT;
Then the footer is always within the height of the previous box.Hope that helped.
Best!
Marius
-
wrote on Feb 5, 2019, 10:22 AM 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?
-
Dear @adam
also have a look here:
https://www.w3schools.com/cssref/func_calc.aspHope that helps!
Best!
Marius
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- 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:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it