Fix header (logo and menu) to bottom of screen

Hi there,

I am wondering if there is any custom code that will move the header (both menu and logo) to be fixed to the bottom of the screen? Is there a particular template that would be best suited for customising in this way?

Thanks in advance 🙂

I remember some templates of 7.0 (don't remember template name), has mobile menu at bottom of screen.

If you share link to your current site, we will try see if has code to do this

Hi @tuanphanthanks for this - managed to find another solution to this. I do have a couple more questions that i'm hoping you might be able to help with on this site.

The URL is: https://gopher-decagon-9grl.squarespace.com/

Password: 1234

1. I am trying to show a different logo in the menu overlay. Ideally I would like this to appear small in the bottom right corner. It is the same logo that appears in the mobile nav - is there a way to do this through custom code?

2. Is there a way on the homepage to ensure the logo image block always appear centrally on all devices? On some I find that it appears in the lower half of the screen and in others it sits centrally. 

3. In the mobile overlay I would like the nav items to sit inline with the cross along the top margin. I can see that currently the header is in the way of this. Is there a way to override this and have the text hang from the top margin?

Many thanks in advance!
Ella

One more question @tuanphan - is it possible to have the logo invert over lighter sections of the page and switch back when over darker (eg. images). Currently I have the logo set to invert on specific pages only but there are moments within one page where it would be useful to invert multiple times.