Canvas Support

Trouble with stickey header (with menu) and footer

1 reply · opened Jan 7, 2017

TtekprogrammerJan 7, 2017

Hi -

I have a page with a header that has a logo and menu. It successfully stays at the top of the page like I need. Directly after the header I have a carousel & a footer at the bottom. What I need is the header to always be at the top of the page & the footer to always be at the bottom & the body (the carousel) to be the only piece that scrolls if needed. The footer should always be visible on the page - the user shouldn't have to scroll down to get to the footer.

Please let me know how I can achieve this.

SSemicolon WebSTAFFJan 12, 2017

Hello,

Consider adding the following CSS Code: 

.device-lg.sticky-footer #footer,
.device-md.sticky-footer #footer { z-index: 3; }

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard