Canvas Support

Problem with Footer on "Restaurant-Demo"

1 reply · opened May 1, 2017

CchristophdbMay 1, 2017

Hi,

I have a problem with the footer of one of your demos: (Package-HTML/HTML/demo-restaurant.html).
Let me describe what I do:

  1. I open up the page and scroll to the footer. => the footer is shown perfectly
  2. I scroll back to the top of the page, then reload and scroll back to the footer => the footer is shown perfectly
  3. I reload the page but I am "anywhere in the middle of the page" => the footer is not shown. Instead there are parts of the slider pictures shown. (see the screenshot)

I tested it with Firefox 53 and Chromium 57.
Can you help me to understand what is going wrong?

Thank you very much.
Best regards
Christoph

SSemicolon WebSTAFFMay 4, 2017

Hello,

Thank You so much for reporting this to us! This is definitely a Bug! Please find the following code in the style.css File: 

.device-lg.sticky-footer #slider,
.device-lg.sticky-footer #page-submenu,
.device-lg.sticky-footer #page-title,
.device-lg.sticky-footer #content,
.device-md.sticky-footer #slider,
.device-md.sticky-footer #page-submenu,
.device-md.sticky-footer #page-title,
.device-md.sticky-footer #content { z-index: 2; }

and replace it with:

.device-lg.sticky-footer #slider:not(.slider-parallax-invisible),
.device-lg.sticky-footer #page-submenu,
.device-lg.sticky-footer #page-title,
.device-lg.sticky-footer #content,
.device-md.sticky-footer #slider:not(.slider-parallax-invisible),
.device-md.sticky-footer #page-submenu,
.device-md.sticky-footer #page-title,
.device-md.sticky-footer #content { z-index: 2; }

This will 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