Second Footer Option

---

Hey Armin,

I was wondering if it would be possible to add a »Second-Footer« -Feature. So that you can load multiple pages inside a project.

I played around a bit with the splitscreen solution using the footer, that's been a topic here before. It works out pretty well, but unfortunately, if I use the footer for building a split screen or other fancy stuff I can't add an actual footer at the bottom.

Cheers, Daniel

Dear @bb_daniel
we agree! Good idea!

Best!

Marius

I am trying to do this, but can't work out how. Has it been made possible?

Dear @billykioso

Currently a second footer option is not available,

However if you wish to add simple content to a footer such as links and text etc you could create a custom Div Box using "More - HTML" within the Gridder options

Then set it's width and height and fix it to the bottom of your page and style it's internal content within Using Custom CSS.

Best
Richard

Thank you for getting back. Can I please ask you to have a look at what I am working on and give me some feedback?

https://fromwhereiamstanding.empathymuseum.com/home

At the bottom of the page I have a footer with logos, etc. which works just fine. But the reason I needed a second footer is for the top of the page.

At the top of the page I have a sentence "Empathy Museum presents" followed by the site title "from where I am standing" (a click on either of them always takes you to the homepage).

I wanted the "Empathy Museum presents" sentence to be a footer/header floating above the site title, However, as I can't do this, I have made "Empathy Museum presents" into the site title and the actual site title is just a text box on each page. I know this is not ideal, but it is the only fix I found.

If there is something simple I could do instead, it would be great to know. Many thanks!

Dear @billykioso

To set you off in the right direction you could try something like this :)

In Your 'Footer' choose "+More - HTML" from the Options in the Gridder Menu:

Add some Code like this:

<div class="custom-site-title">
    <span>Empathy Museum presents</span>
</div>

And then in "Lay options - Custom CSS & HTML" in the Custom CSS area at the top of the page:

Add some Code similar to this:

.custom-site-title{
    font-size:18px;
    font-family: helvetica neue,sans-serif;
    position:relative;
    top:3px
}

And from there you can tweak the code to suit your needs.

Also for some additional help:
https://laytheme.com/documentation.html#custom-css-styling

All the best and good luck!
Best wishes and have a wonderful day

Richard

@Richard-Keith thank you, it didn't work straight away, but I found a fix by putting the

<div class="_runningheader">
<span>Empathy Museum presents</span>
</div>

in the "Custom HTML at top" section instead.

That seems to work fine!

Dear @billykioso

Thanks for getting back! great idea ;)

Best
Richard