Page-menu not sticky on scroll (using mobile)

2 replies · opened Apr 18, 2019

RryearmApr 18, 2019

Hi Semi Colon!

We're using the latest version of Canvas, and we're having an issue with the page-menu not remaining sticky on scroll on mobiles.

I've added sticky-responsive-menu and sticky-responsive-pagemenu to the body tag.

I've added the offset CSS:
#header.sticky-header~#page-menu.sticky-page-menu #page-menu-wrap {
top: 88px!important;

But when scrolling on mobiles it won't stick to the bottom of the header.

Can you help?

Here's the page: https://avtec.media/clients/mvfcu/accounts/index.new.html

thank you!
Rye

SSemicolon WebSTAFFApr 19, 2019

Hello,

There appears to be a Minor Bug with the CSS in the css/responsive.css File. Please find the following code:

.responsive-sticky-header:not(.static-sticky) ~ #page-menu.sticky-page-menu #page-menu-wrap { top: 60px; }

and replace it with:

#header.responsive-sticky-header:not(.static-sticky) ~ #page-menu.sticky-page-menu #page-menu-wrap { top: 60px; }

This will definitely fix the issue. Hope this Helps!

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

RryearmApr 19, 2019

This works perfectly. Thank you SemiColonWeb!

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